Bagaimana untuk Mengalih Keluar Ruang Antara Imej Sebaris Menggunakan CSS?

Mengalih Keluar Ruang Antara Imej Menggunakan CSS

Isu ruang antara imej apabila dipaparkan dalam talian adalah kebimbangan biasa. Secara lalai, penyemak imbas memaparkan sebarang jujukan aksara ruang putih (ruang, tab, baris baharu) sebagai satu ruang putih.

Untuk menghapuskan ruang ini, CSS menawarkan penyelesaian mudah. Dengan menetapkan sifat paparan elemen imej untuk disekat, anda boleh memaksa mereka berkelakuan seperti elemen peringkat blok.

<code class="css">img {
  display: block;
}</code>

Peraturan CSS ini mengubah suai gelagat paparan semua imej pada halaman, memastikan ia muncul pada baris mereka sendiri, menghapuskan sebarang ruang kosong di antara mereka.

<code class="html"><div class="nospace">
    <img src="..." />
    <img src="..." />
</div></code>

Dengan peraturan CSS ini digunakan pada

mengandungi imej, kod di atas akan memaparkan imej bersebelahan, tanpa sebarang ruang di antara mereka.

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

css using Property default this display issue

Kenyataan：

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