html - anchor 标记底部的空白

Question

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

我做错了什么？我在 FireFox 和 Chrome 中进行了测试，结果相同。谢谢

Answer 1

图像是 display: inline 因此它被视为一个字符并位于基线上。间隙是由为下行部分提供的空间造成的(您可以在 j、g、y 和 p 等字母上找到它)。

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