我在 div 上方有一个图像,而 IE(7,大概是 6)坚持在两者之间放置一个空格。我怎样才能摆脱那个空间?
<html>
<body>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" style="margin: 0; padding: 0;
border: solid 1px black" />
<div style="margin: 0; padding: 0; border: solid 1px green;width: 276">
<a href="#">More...</a>
</div>
</body>
</html>
最佳答案
将“显示: block ”添加到图像 CSS。
IMG 默认是 display:inline,所以你会得到一行只包含图像的文本,以及它下面的一个 div。文本行的上升等于图像的高度,下降等于当前字体的下降(来自图像和 div 之间的空间)。在严格模式下,即使没有空间,你也会下降。
因此,另一种消除间隙的方法是通过指定 line-height:0(在父元素上)将下降设置为零。
关于css - IE图片间距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1138211/