css - 怎么去掉图片下的1px？

Question

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

如何删除图像下的1px ix？谢谢你

Answer 1

虽然 Andres 的解决方案有效，但它实际上并没有直接处理问题，即图像的垂直对齐。修复它的方法是给图像一个除 之外的对齐方式baseline，例如top或bottom。

这是我通常使用的：

img {
    vertical-align: top;
}

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

另外，如果您担心内联锚包裹内联图像的方式，那么更改锚上的显示模式，而不是图像（即块或内联块）。

Answer 2

只需将您的图像定义为块级元素，以允许您的链接正确环绕您的图像；

#top a img {
    display: block;
}