如何删除图像下的1px？

Question

http://down123.xxmn.com/wemade/ 图像下方没有填充或边距。但我不知道为什么图像下面有大约1个像素。它位于页面的右上角。

如何删除图像下的ix xx？谢谢

Answer 1

虽然Andres的解决方案有效，但它实际上并不直接处理问题，即图像的垂直对齐。修复此问题的方法是为图像提供baseline以外的对齐方式，例如top或bottom。

这是我通常使用的：

img {
    vertical-align: top;
}

这样你就不会通过改变图像的自然显示模式来“解决”一个解决方案，而是直接处理问题。

此外，如果您担心内联锚点包装内嵌图像的方式，则更改锚点上的显示模式，而不是图像（即块或内联块）。

Answer 2

只需将图片定义为块级元素，即可让链接正确包裹图片;

#top a img {
    display: block;
}