Rumah > hujung hadapan web > tutorial css > Bagaimana Saya Boleh Menghalang Ruang Tambahan Antara Imej dalam HTML Tanpa Mengubah Teg Imej?

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

Linda Hamilton
Lepaskan: 2024-12-04 15:12:19
asal
426 orang telah melayarinya

How Can I Prevent Extra Space Between Images in HTML Without Modifying the Image Tags?

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan