锚标记底部的白色空间

Question

锚标记底部的白色空间

我有一个围绕图像的标签。我在标签所在的div上设置了边框。我将边距和填充设置为0但是由于某种原因，我的标签仍然比我的图像高约3个像素。这会在图像和边框之间留下一些空间，从而破坏了我想要完成的外观。

我究竟做错了什么？我已经在FireFox和Chrome中测试过相同的结果。谢谢

Answer 1

图像display: inline因此被视为一个角色并位于基线上。间隙是由为下降器提供的空间（在j，g，y和p等字母上找到）引起的。vertical-align用CSS 调整：img{vertical-align: bottom}

Answer 2

display:block 如果元素没有兄弟姐妹，那就足够了。