html - 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 to bottom 放在顶部图像上将消除 Firefox 中的间隙。

Answer 2

也许将图像设置为display:block会起作用。由于图像默认与文本内联，因此它会在底部为后代（例如 j、g 和 y）留出空间，即使图像永远不会有任何空间。许多浏览器都考虑了这一点，但这样做是非标准的。将它们设置为block应该可以消除所有浏览器中的这种烦恼。