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