Bagaimanakah Saya Boleh Mengalih Keluar Ruang Putih Antara Elemen HTML dengan Berkesan?

Mengabaikan Ruang Putih dalam HTML: Harta 'white-space-collapse'

Walaupun terdapat kelaziman HTML dan CSS, adalah menghairankan bahawa terdapat bukan cara langsung untuk mengarahkan penyemak imbas untuk mengabaikan ruang kosong. Ini boleh membawa kepada situasi yang mengecewakan apabila elemen seperti imej tersilap dipisahkan oleh ruang yang tidak diingini.

Harta 'white-space-collapse'

Walaupun tiada secara universal penyelesaian yang disokong, sifat CSS 'white-space-collapse' menawarkan pendekatan yang menjanjikan. Dengan menetapkan sifat ini untuk 'membuang' pada elemen induk imej, anda boleh menghapuskan sebarang ruang kosong di antaranya dengan berkesan.

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

Kelemahan

Malangnya, ini penyelesaian dihalang oleh kelemahan yang ketara: tiada pelayar utama (setakat pengetahuan semasa) telah melaksanakan sifat 'ruang-putih-runtuh'. Ini bermakna walaupun potensi keberkesanannya, ia tetap tidak praktikal untuk digunakan secara meluas.

Penyelesaian Alternatif

Sebagai alternatif, anda boleh menggunakan penambahan komen HTML di antara imej . Walaupun tidak sesuai, teknik ini boleh menghalang penyemak imbas daripada memaparkan sebarang ruang kosong yang boleh dilihat.

<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>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Ruang Putih Antara Elemen HTML dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!