Mengapa Tag Anchor Menambah Ruang Putih Di Bawah Imej dalam Div Bersempadan?

Tag Sauh Menambah Ruang Putih Di Bawah Imej

Apabila teg sauh melampirkan imej dalam div bersempadan, jurang yang tidak dijangka mungkin muncul di bawah imej. Isu ini berpunca daripada sifat paparan sebaris imej, menganggapnya sebagai watak yang diletakkan pada garis dasar. Jurang ini menampung penurun yang terdapat dalam tipografi, seperti "j" atau "g."

Untuk menyelesaikan masalah ini, laraskan penjajaran menegak imej menggunakan CSS:

img {
  vertical-align: bottom;
}

Kod ini memaksa bahagian bawah imej untuk diselaraskan dengan garis dasar, menghapuskan ruang putih dan memulihkan reka bentuk yang diingini.

Atas ialah kandungan terperinci Mengapa Tag Anchor Menambah Ruang Putih Di Bawah Imej dalam Div Bersempadan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!