Bagaimana untuk mengalih keluar Ruang Putih Antara Imej dengan CSS?

Alih Keluar Ruang Putih Antara Imej dengan CSS

Apabila berhadapan dengan berbilang imej yang dipisahkan oleh ruang putih, CSS secara lalai menganggapnya sebagai satu ruang. Dilema yang biasa adalah untuk menghapuskan ruang campur tangan ini tanpa menggunakan "godam" yang tidak konvensional seperti menambah ruang yang tidak putus, ulasan ruang sifar atau pemisah baris yang tidak perlu.

Untuk mencapai peletakan imej yang lancar tanpa sebarang ruang putih, penyelesaiannya terletak dalam CSS. Dengan menyatakan paparan: blok untuk bekas induk, imej dijajarkan bersebelahan tanpa sebarang jurang. Tweak CSS mudah ini mengatasi tingkah laku lalai dan memastikan reka letak imej yang padat secara visual. Berikut ialah contoh:

<code class="css">div.nospace img {
  display: block;
}</code>

<code class="html"><div class="nospace">
  <img src="..." />
  <img src="..." />
</div></code>

Dengan memasukkan paparan: sekat dalam CSS, imej menjadi elemen peringkat blok, menghapuskan ruang putih antara imej dan mencipta persembahan yang lancar secara visual tanpa memerlukan tambahan helah atau penyelesaian yang rumit.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Ruang Putih Antara Imej dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!