Rumah >hujung hadapan web >html tutorial >Elemen gambar img mempunyai masalah ruang putih berlebihan di bawah pengeluaran halaman IE6 _HTML/Xhtml_Web
Apabila melakukan susun atur DIV CSS pada halaman, adalah perkara biasa untuk menghadapi masalah ruang putih yang berlebihan di bawah elemen imej img dalam IE6 (sudah tentu, kadang-kadang ditemui dalam Firefox juga, penyelesaian kepada masalah ini). lihat peluang." "Bertindak", penyelesaian yang berbeza perlu digunakan mengikut sebab yang berbeza. Di sini kami meringkaskan kaedah biasa untuk menyelesaikan BUG jurang yang berlebihan di bawah susun atur imej untuk rujukan anda.
1. Tukar imej kepada objek peringkat blok
Iaitu, tetapkan img kepada: display:block;
Dalam contoh ini, tambahkan set kod CSS: #sub img {display:block; }
2. Tetapkan penjajaran menegak imej
Iaitu, menetapkan atribut penjajaran menegak imej kepada "atas, atas teks, bawah, bawah teks" juga boleh diselesaikan. Sebagai contoh, dalam contoh ini, tambahkan set kod CSS: #sub img {vertical-align:top;}
3 Tetapkan saiz teks objek induk kepada 0px
Iaitu, tambahkan baris masuk #sub: font-size: 0;
boleh menyelesaikan masalah. Tetapi ini juga menyebabkan masalah baru, teks dalam objek induk tidak boleh dipaparkan. Walaupun bahagian teks dilampirkan oleh sub-objek, menetapkan saiz teks sub-objek masih boleh dipaparkan, tetapi mesej ralat bahawa teks itu terlalu kecil akan digesa semasa pengesahan CSS.
4. Tukar atribut objek induk
Jika lebar dan ketinggian objek induk ditetapkan dan saiz imej bergantung pada objek induk, anda boleh menetapkan: overflow:hidden; masalah. Sebagai contoh, dalam contoh ini, anda boleh menambah kod berikut pada #sub: width:88px;height:31px;overflow:hidden;
5 kod CSS dalam contoh ini: #sub img {float:left;}
Jika anda ingin mencapai susunan imej dan teks yang bercampur, kaedah ini adalah pilihan yang baik.
Kaedah ini harus dititikberatkan Dalam pembangunan sebenar, kaedah ini boleh menyebabkan masalah, kerana untuk menjadikan kod lebih semantik dan jelas semasa menulis kod, ia tidak dapat dielakkan untuk menyediakan paparan lekukan kod melalui IDE, yang pasti akan membuat kod. label Paparkan dalam baris baharu dengan teg lain, seperti arahan "Gunakan Format Sumber" DW. Oleh itu, kaedah ini boleh membantu kita memahami situasi di mana BUG berlaku. Penyelesaian khusus mesti diselesaikan oleh semua orang.