Mengapa Terdapat Jurang Antara Imej Saya dan Sempadan Div Walaupun Margin Sifar dan Padding?

Anjakan Elemen Penambat

Dalam kod anda, anda mempunyai teg penambat yang mengelilingi imej yang disertakan dalam div dengan sempadan. Walaupun menetapkan kedua-dua jidar dan padding kepada 0, anda menghadapi jurang berterusan kira-kira 3 piksel antara imej dan sempadan div.

Punca Punca: Paparan Sebaris

Punca percanggahan ini terletak pada paparan sebaris elemen imej. Apabila dipaparkan sebaris, imej berkelakuan serupa dengan aksara dalam teks. Akibatnya, mereka diletakkan pada garis dasar, yang memuatkan turunan, seperti yang terdapat dalam aksara seperti "j," "g," "y," dan "p."

Resolusi: Melaraskan Menegak Penjajaran

Untuk menghapuskan ruang yang tidak diingini ini, anda boleh melaraskan penjajaran menegak imej menggunakan CSS. Dengan menggunakan peraturan gaya "img {vertical-align: bottom}", anda mengarahkan imej untuk menjajarkan dirinya di bahagian bawah baris, menghapuskan jurang antara imej dan sempadan div.

Atas ialah kandungan terperinci Mengapa Terdapat Jurang Antara Imej Saya dan Sempadan Div Walaupun Margin Sifar dan Padding?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!