锚标记的底部的空白空间

我有一个标签周围的图像。 我在标签所在的div上设置了一个边框。我将margin和padding设置为0，但由于某种原因，我的标签仍然比我的图片高出3个像素。 这会在图像和边框之间留下一些空隙，破坏我想要完成的外观。

我究竟做错了什么？ 我已经在FireFox和Chrome中进行了testing，结果相同。 谢谢

Answer 1

图像display: inline所以它被视为一个字符，坐在基线上。 这个差距是由下行提供的空间造成的（你可以在字母j，g，y和p上find）。

使用CSS调整vertical-align ： img{vertical-align: bottom}

Answer 2

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