Bagaimana untuk Menghapuskan Ruang Putih Antara Elemen HTML dengan Berkesan?

Cara Mengabaikan Ruang Putih dalam HTML

HTML dan CSS sering memberikan cabaran apabila mengurus ruang putih, terutamanya apabila meletakkan berbilang elemen bersebelahan . Secara lalai, penyemak imbas memberikan ruang dan pemisah baris antara elemen HTML. Ini boleh menyebabkan jurang yang tidak diingini dalam reka letak.

Harta Ruang Putih CSS

CSS menawarkan sifat ruang putih untuk mengawal pengendalian ruang putih. Salah satu nilainya ialah runtuh, yang meruntuhkan aksara ruang kosong berturut-turut. Walau bagaimanapun, hanya FireFox yang menyokong nilai ini.

Harta CSS white-space-collapse

Sebagai alternatif, sifat white-space-collapse telah dicadangkan untuk mengabaikan semua jenis ruang kosong, tanpa mengira pelaksanaan penyemak imbas. Walau bagaimanapun, tiada penyemak imbas yang melaksanakan ciri ini pada masa ini.

Menggunakan Komen

Penyelesaian ialah menggunakan ulasan HTML untuk mengalih keluar ruang putih secara visual sambil mengekalkannya untuk penyemak imbas. Ini melibatkan membungkus imej anda atau elemen lain dalam teg ulasan, seperti berikut:

<p>
  <!--
    <img src="image.jpg" alt="Image 1" />
    <img src="image.jpg" alt="Image 2" />
    <img src="image.jpg" alt="Image 3" />
    <img src="image.jpg" alt="Image 4" />
  -->
</p>

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Ruang Putih Antara Elemen HTML dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!