Bagaimana untuk Menghapuskan Ruang Tidak Diingini Di Bawah Imej Sekatan Sebaris?

Cara Menghapuskan Ruang Yang Tidak Diingini Di Bawah Imej Blok Sebaris

Apabila menggunakan imej blok sebaris, anda mungkin menghadapi masalah apabila terdapat tambahan ruang antara bahagian bawah imej dan pembalutnya. Ini disebabkan oleh penjajaran menegak lalai untuk elemen sebaris.

Penyelesaian: Gunakan Penjajaran Menegak

Untuk menyingkirkan ruang yang tidak diingini, anda perlu menetapkan penjajaran menegak untuk imej. Ini boleh dilakukan menggunakan sifat penjajaran menegak. Dengan menyatakan vertical-align:top, imej akan dijajarkan ke bahagian atas pembungkus, menghapuskan ruang tambahan.

Contoh:

Tambah gaya berikut pada CSS anda:

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

Demo:

Anda boleh melihat contoh yang berfungsi di JSFiddle ini: http://jsfiddle.net/dJVxb/4/. CSS yang dikemas kini mengalih keluar ruang yang tidak diingini dan menjajarkan imej ke bahagian atas pembalut.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Ruang Tidak Diingini Di Bawah Imej Sekatan Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!