CSS - 如何删除锚定图像之间的空白

Question

我有两个相互重叠的锚定图像，用换行符分隔。我希望图像直接位于彼此之上，但在Firefox中，图像之间存在差距。它适用于IE7。我能够解决这个问题的唯一方法是改变行高（我不想这样做）。

<a href="image.jpg">
    <img height="75" width="75" src="image.jpg" />
</a>
<br/>
<a href="image2.jpg">
    <img height="75" width="75" src="image2.jpg" />
</a>

Answer 1

将CSS属性vertical-align放置在顶部图像的底部将消除Firefox中的差距。

Answer 2

将图像设置为display:block可能会有效。由于图像默认与文本内联，因此在底部为descedenders（例如j，g和y）留下空间，即使图像永远不会有。许多浏览器都解释了这一点，但这样做是非标准的。将它们设置为block应该可以消除所有浏览器中的烦恼。