gpt4 book ai didi

css - IE图片间距问题

转载 作者:行者123 更新时间:2023-12-02 05:46:32 25 4
gpt4 key购买 nike

我在 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>

最佳答案

将“显示: block ”添加到图像 CSS。

IMG 默认是 display:inline,所以你会得到一行只包含图像的文本,以及它下面的一个 div。文本行的上升等于图像的高度,下降等于当前字体的下降(来自图像和 div 之间的空间)。在严格模式下,即使没有空间,你也会下降。

因此,另一种消除间隙的方法是通过指定 line-height:0(在父元素上)将下降设置为零。

关于css - IE图片间距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1138211/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com