图像链接中出现意外的填充/边距

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;
}