我有一个围绕图像的标签。我在标签所在的div上设置了边框。我将边距和填充设置为0但是由于某种原因，我的标签仍然比我的图像高约3个像素。这会在图像和边框之间留下一些空间，从而破坏了我想要完成的外观。
我做错了什么？我已经在FireFox和Chrome中测试过相同的结果。 感谢
答案 0 :(得分：88)
图像为display: inline，因此它被视为一个角色并位于基线上。间隙是由为下降器提供的空间（在j，g，y和p等字母上找到）引起的。
使用CSS调整vertical-align：img{vertical-align: bottom}
答案 1 :(得分：9)
display:block就足够了。
答案 2 :(得分：2)
我遇到了同样的问题，并通过添加到'a'标签display: block;和font-size: 0px;
答案 3 :(得分：0)
我通过添加
修复了我的问题a {
display:inherit
}
希望这会有所帮助