Saat Anda menulis tombol (input, tombol), Anda akan menemukannya di bawah IE:
Dengan meningkatnya jumlah kata, jarak antara kedua sisi akan menjadi lebih besar dan lebih besar.
Dalam gaya XP Win, ketika jumlah kata besar, akan ada Jagging yang parah di kedua sisi.
Apa sebenarnya alasannya?
Kolom Standardisasi Web asli dari Blue Ideal memberikan jawaban:
1. Setiap kali IE menambahkan nilai tombol dengan 4 byte (2 karakter Cina), lebar margin dari total satu byte akan dihasilkan di kedua sisi tombol.
2. Gaya default tombol IE (gaya XP) adalah gambar persegi panjang bundar ukuran tetap sebagai latar belakang, jadi setelah tombol menjadi lebih lebar dan lebih tinggi, tepi gambar persegi panjang bundar ukuran tetap ini secara alami tampak buram.
Kami tidak dapat menyelesaikan masalah kedua untuk saat ini, kecuali sistem WIN memperbaiki bug itu sendiri, tetapi kami masih dapat memperbaiki masalah pertama.
Atur nilai yang terlihat dari atribut overflow untuk elemen tombol di bawah IE (Catatan: Nilai padding hanya valid setelah overflow: atribut yang terlihat diatur). Properti ini sebenarnya telah digunakan dalam artikel terakhir "Aplikasi klip latar belakang dan latar belakang-asal". Namun, setelah membaca "Masalah Tombol Peregangan di IE" hari ini, saya menemukan bahwa ada bug kecil - jika Anda menempatkan tombol di sel meja, meskipun tombol ditampilkan dengan benar, lebar yang dicadangkan asli belum berubah dan masih menempati ruang. Anda perlu mengatur lebar tombol ke 0 di IE6 (IE7 juga memiliki bug ini, tetapi tidak ada cara yang baik untuk menyelesaikannya untuk saat ini).
Kode perbaikan terakhir adalah sebagai berikut (demo):
input.button {padding: 0 .25em; Lebar: otomatis; _width: 0; overflow: terlihat! yaitu;}