Mengapa Terdapat Margin Halimunan Di Bawah Imej Saya, Walaupun Kod Saya Tidak Menentukannya?

Margin Halimunan Pelik Di Bawah Gambar

Dalam isu ini, pengarang menemui margin tidak kelihatan di bawah imej dalam halaman web mereka, walaupun tiada margin sedemikian dalam kod. Ini adalah isu biasa yang disebabkan oleh sifat imej sebagai elemen sebaris.

Menurut respons, tingkah laku sebaris lalai bagi imej mewujudkan ruang antara bahagian bawah imej, yang sejajar dengan garis dasar teks dan bahagian bawah baris teks. Untuk menyelesaikan masalah ini, penyelesaiannya ialah menukar imej kepada elemen blok.

Satu penyelesaian mudah ialah menggunakan paparan: blok; untuk mencapai ini. Kaedah lain ialah mengapungkan imej dengan apungan: kiri; atau float: right;, yang turut mengubahnya menjadi elemen blok.

Melaraskan sifat seperti penjajaran menegak, saiz fon dan ketinggian garisan juga boleh mempengaruhi jarak tetapi kurang dipercayai dan masih terdedah kepada kesan dalam konteks yang berbeza.

Soalan berkaitan yang disediakan untuk maklumat lanjut termasuk yang berikut:

• Jarak yang tidak diingini di bawah imej dalam XHTML 1.0 Strict
• Mengapa imej saya mendapat tambahan jarak?
• Isu jarak imej IE

Atas ialah kandungan terperinci Mengapa Terdapat Margin Halimunan Di Bawah Imej Saya, Walaupun Kod Saya Tidak Menentukannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!