Question

我在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>&nbsp;
    </div>
</body>
</html>

Answer 1

将“display：block”添加到图像CSS。

IMG显示：默认为内联，因此您将获得一行仅包含图像的文本，以及一个包含图像的div。文本行的上升等于图像的高度和下降等于当前字体的下降（来自图像和div之间的空间）。在严格的模式下，即使没有空间，你也会下降。

因此，摆脱差距的另一种方法是通过指定line-height：0（在父元素上）将下降设置为零。

Answer 2

尝试将图像标记和div标记放在同一行上。奇怪，但这在过去对我有用。

<img src="file.jpg" /><div><p>contents</p></div>

Answer 3

把＆lt; br＆gt;两者之间。资源管理器以某种方式隐含地放置一个＆lt; p＆gt;在其间，看到它未指明。

Answer 4

看看这是否对您有所帮助：

http://www.codingforums.com/archive/index.php/t-157146.html

IE图像间距问题

4 个答案: