代码之家 › 专栏 › 技术社区 › Chris B

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

image anchor css html

4

Chris B · 技术社区 · 16 年前

我有两个锚定的图像在彼此的顶部,用一个换行符隔开。我想让图片直接放在彼此的上方,但在火狐中,图片之间有一个间隙。它在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>

2 回复 | 直到 13 年前

1

6

deleteme 16 年前

将CSS属性垂直对齐放置在顶部图像的底部,将消除Firefox中的空白。

2

4

Eric 16 年前

也许把图像设置为 display:block 会有用的。由于图像默认与文本内联,因此它在底部为下行者(如J、G和Y)留出空间,即使图像永远不会有任何下行者。许多浏览器都对此负责,但这样做是不标准的。将它们设置为 block 应该在所有浏览器中消除这种烦恼。