Bagaimana untuk Mengalih Keluar Ruang Putih Di Bawah Imej Sekat Sebaris Sambil Menyimpannya Terbenam?

Cara mengalih keluar ruang putih di antara bahagian bawah imej blok sebaris dan pembungkus sambil mengekalkan blok sebaris imej

Digunakan dalam CSS inline-block membolehkan imej sebaris dengan elemen teks. Walau bagaimanapun, dalam beberapa kes, anda akan menghadapi masalah ruang putih antara bahagian bawah imej dan pembalut. Ini mungkin disebabkan oleh jarak menegak lalai yang ditambahkan oleh penyemak imbas pada elemen blok sebaris.

Untuk menyelesaikan masalah ini, anda boleh menetapkan sifat jajar menegak ke atas. Ini menetapkan penjajaran menegak imej ke atas, menghapuskan ruang putih.

<code class="css">img {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}</code>

Selepas menggunakan gaya ini, imej akan dijajarkan dengan bahagian atas pembalut dan ruang putih akan dialih keluar.

Perlu ambil perhatian bahawa penyelesaian ini tidak berfungsi dalam semua penyemak imbas. Dalam sesetengah penyemak imbas lama, mungkin perlu menggunakan kaedah lain, seperti membalut imej dalam elemen span dan menetapkan penjajaran menegak: atas untuk elemen itu.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Ruang Putih Di Bawah Imej Sekat Sebaris Sambil Menyimpannya Terbenam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!