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将工作。由于默认情况下，图像与文本内嵌，因此即使图像永远不会有任何图像，它也会在下边留下空间（例如j，g和y）。许多浏览器解释了这一点，但这样做是非标准的。将它们设置为block应该可以消除所有浏览器中的这种烦恼。