Bagaimana untuk Menghapuskan Ruang Putih Antara Imej Menggunakan CSS?

Menghapuskan Ruang Putih Antara Imej Menggunakan CSS

Apabila memaparkan berbilang imej berturut-turut dalam HTML, anda mungkin menghadapi ruang putih yang tidak diingini yang memisahkannya. Jurang ini timbul disebabkan oleh gelagat sebaris lalai penyemak imbas, yang menganggap ruang, baris baharu dan tab sebagai ruang putih tunggal apabila memaparkan kandungan.

Untuk menghapuskan ruang putih ini dengan berkesan menggunakan CSS, pertimbangkan untuk menetapkan sifat paparan bagi imej anda untuk disekat. Pengubahsuaian ini memaksa imej untuk menduduki satu baris penuh, sekali gus mengalih keluar sebarang ruang kosong sebelum atau di belakang:

<div class="nospace">
    <img  src="/static/imghwm/default1.png" data-src="image1.jpg" class="lazy"   style="max-width:90%" alt="Bagaimana untuk Menghapuskan Ruang Putih Antara Imej Menggunakan CSS?" >
    <img  src="/static/imghwm/default1.png" data-src="image2.jpg" class="lazy"   style="max-width:90%" alt="Bagaimana untuk Menghapuskan Ruang Putih Antara Imej Menggunakan CSS?" >
</div>

Dengan menggunakan "paparan: blok;" peraturan gaya pada imej anda, anda memastikan bahawa ia berkelakuan sebagai elemen peringkat blok, mengisi keseluruhan lebar yang tersedia dan disusun di atas satu sama lain. Pendekatan ini secara berkesan mengalih keluar sebarang kemungkinan ruang kosong di antara mereka.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Ruang Putih Antara Imej Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!