gpt4 book ai didi

html - 如何让 2 个相邻 block 不显示 :inline-block?

转载 作者:行者123 更新时间:2023-11-27 22:38:22 25 4
gpt4 key购买 nike

我为此花费了数小时...但没有成功。

由于 IE6&7 对 inline-block 的支持不佳,我想知道是否可以使用以下代码给出的其他属性进行相同的渲染:

<html><head>
<style type="text/css">
.img {
float: left;
width:17px;
height:15px;
display:block;
background-color: #FD3;
border-style:solid;
}
.txt {
float: left;
}
.parent {
display: inline-block
}
</style></head><body>
Follow Me
<div class="parent ">
<div class="img"></div>
<div class="img"></div>
<div class="txt">(a comment)</div>
</div></body></html>

小心:我无法添加/更改“Follow me”的容器(例如使用float:left)。我只能控制 div“parent”(以及 div“parent”本身)中的内容

您有解决方法吗?

谢谢

最佳答案

实际上,inline-block 在 IE6 和 IE7 中工作,只是以一种奇怪的方式。

基本上,IE6 和 IE7 实现内联错误。当自然内联元素具有布局时(谷歌搜索“hasLayout”以获取更多信息),它将像内联 block 元素一样运行并遵守其上设置的宽度/高度。

因此,将那些

换成 以便它们自然地内联,然后您所要做的就是在它们上触发 hasLayout 就可以了。我的典型方法是在元素上设置一个“zoom:1”属性 - 这是一个仅适用于 IE 的正确方法,不会执行任何操作,但会触发 hasLayout。

当然,一个更好的解决方案是只使用 元素,如果可能的话。

关于html - 如何让 2 个相邻 block 不显示 :inline-block?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1578186/

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