Bagaimana Saya Boleh Menghalang Ruang Tambahan Antara Imej dalam HTML Tanpa Mengubah Teg Imej?

Memelihara Penjajaran Imej dalam HTML dengan Pemisah Baris

Mengekalkan kebolehbacaan dalam pengekodan HTML selalunya melibatkan penggabungan pemisah baris antara elemen. Walau bagaimanapun, apabila memasukkan pemisah baris antara teg imej (), adalah perkara biasa untuk menemui ruang putih yang tidak diingini yang memisahkan imej.

Untuk menangani isu ini tanpa memecahkan teg itu sendiri, pertimbangkan untuk menggunakan CSS untuk menghapuskan ruang putih semasa memelihara imej penjajaran.

Penyelesaian:

Tetapkan saiz fon kepada 0 menggunakan CSS. Dengan mengurangkan saiz fon kepada sifar, ruang putih antara imej hilang dengan berkesan tanpa mengubah dimensi imej. Berikut ialah coretan kod CSS yang boleh anda gunakan:

img {
  font-size: 0;
}

Teknik ini amat berguna apabila memaparkan siri imej dalam susunan rawak, kerana pengubahsuaian CSS akan memastikan penjajaran yang betul tanpa mengganggu susunan imej dinamik. Dengan menghapuskan ruang putih dengan berkesan, anda boleh mencapai persembahan yang lancar bagi imej anda.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menghalang Ruang Tambahan Antara Imej dalam HTML Tanpa Mengubah Teg Imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!