Bagaimana untuk Mengalih Keluar Ruang Antara Imej Sebaris Menggunakan CSS?-tutorial css-php.cn

Bagaimana untuk Mengalih Keluar Ruang Antara Imej Sebaris Menggunakan CSS?

Mary-Kate Olsen

Lepaskan： 2024-11-03 22:00:03

asal

671 orang telah melayarinya

How to Remove Spaces Between Inline Images Using 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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!