我有两个相互重叠的锚定图像,用换行符分隔。我希望图像直接位于彼此之上,但在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>
答案 0 :(得分:6)
将CSS属性vertical-align放置在顶部图像的底部将消除Firefox中的差距。
答案 1 :(得分:4)
将图像设置为display:block
可能会有效。由于图像默认与文本内联,因此在底部为descedenders(例如j,g和y)留下空间,即使图像永远不会有。许多浏览器都解释了这一点,但这样做是非标准的。将它们设置为block
应该可以消除所有浏览器中的烦恼。