Bagaimanakah Saya Boleh Menghapuskan Ruang Putih yang Tidak Diingini Antara Elemen HTML?

Mengatasi Ruang Putih dalam HTML

Dalam bidang HTML dan CSS, ia boleh menjengkelkan apabila ruang kosong yang tidak diingini mengganggu reka letak imej yang dimaksudkan atau teks. Walau bagaimanapun, jangan risau, kerana isu ini boleh dijinakkan dengan helah CSS yang mudah.

Penyelesaian CSS

Untuk menghapuskan ruang kosong antara elemen, anda boleh menggunakan 'white -space-collapse' property:

#parent_of_imgs { white-space-collapse: discard; }

Arahan ini mengarahkan penyemak imbas untuk mengabaikan sebarang aksara ruang antara elemen HTML. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa tiada penyemak imbas yang menyokong ciri ini pada masa ini.

Pendekatan Alternatif

Jika anda ingin mengelakkan penggunaan CSS, anda boleh menggunakan yang kurang elegan kaedah menambah komen HTML untuk mencipta ilusi tanpa jarak:

<p>
  <!--
    --><img src="/static/imghwm/default1.png" data-src="." class="lazy" alt=""><!--
    --><img src="/static/imghwm/default1.png" data-src="." class="lazy" alt=""><!--
    --><img src="/static/imghwm/default1.png" data-src="." class="lazy" alt=""><!--
    --><img src="/static/imghwm/default1.png" data-src="." class="lazy" alt=""><!--
  -->
</p>

Walaupun bukan penyelesaian yang ideal, kaedah ini berkesan menghapuskan ruang kosong antara imej.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghapuskan Ruang Putih yang Tidak Diingini Antara Elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!