Jer*_*emy 2 css internet-explorer cross-browser
我在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>
将"display:block"添加到图像CSS.
IMG显示:默认为内联,因此您将获得一行仅包含图像的文本,以及一个包含图像的div.文本行的上升等于图像的高度和下降等于当前字体的下降(来自图像和div之间的空间).在严格模式下,即使没有空间,您也会下降.
因此,摆脱差距的另一种方法是通过指定line-height:0(在父元素上)将下降设置为零.