css - 图像链接中的意外填充/边距

Question

在此处的主要产品图片下方：http ://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers 线条和图片之间有一个空格，该空格未在 CSS 中指定。

使用 firefox 检查元素不会显示任何会产生该空间的 css 填充/边距。

哪个css属性导致了这个？

Answer 1

img这是显示属性设置为inline（默认情况下）的副作用。

添加此规则：

#image {
    display: block;
}

它会解决这个问题。

Answer 2

嘿，你刚刚在你的 CSS 中定义

a img {
    border: 0 none;
    vertical-align: top;
}