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

【问题标题】：CSS - How to remove whitespace between anchored imagesCSS - 如何删除锚定图像之间的空白
【发布时间】：2012-08-17 02:07:12
【问题描述】：

我有两个相互重叠的锚定图像，用换行符分隔。我希望图像直接位于彼此之上，但在 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>

【问题讨论】：

标签： html css anchor image

【解决方案1】：

将 CSS 属性 vertical-align to bottom 放在顶部图像上将消除 Firefox 中的间隙。

【讨论】：

很高兴我能帮上忙——奇怪的是每次都会让我绊倒几分钟。
编辑：底部、中间或顶部只要应用于所有图像即可。我希望你可以在 SO 上编辑 cmets :)

【解决方案2】：

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

【讨论】：