Saya menemukan bahwa spasi ie7 lebih lebar dibandingkan ie6/firefox/opera. Misalnya, terkadang saat menyusun huruf, saya akan menggunakan spasi sederhana untuk memisahkannya.
| <div kelas="kelas1"> <a href="#">Teks 1</a> <a href="#">Teks 1</a> <a href="#">Teks 1</a> <a href="#"> Teks 1</a><a href="#">Teks 1</a> <a href="#">Teks 1</a><a href="#">Teks 1</a> <a href="#">Teks 1</a> </div> |
Saat menggunakan spasi untuk memisahkan, saya menemukan bahwa spasi tersebut sering diregangkan di bawah IE7, karena tampaknya spasi di IE7 lebih lebar (alasan spesifiknya tidak diketahui).
Ada dua solusi:
1. Gunakan li untuk penyusunan huruf dan hilangkan spasi.
2. Langsung hilangkan spasi dan tentukan gaya a.
| <gaya> .class1 a{padding-kanan:5px;} </gaya> |
Yang kedua adalah solusi yang baik, kodenya lebih ringkas dan efektif.