【问题标题】:CSS Display inline-block issue with IEIE 的 CSS 显示内联块问题
【发布时间】:2013-06-26 00:13:25
【问题描述】:
我遇到了 IE6 和 IE7 问题,我希望有人可以为我提供解决方案,而不是不使用 IE6/7。右侧的成本需要与左侧的标签在同一行。我只能在 FireFox 中使用它,但在 IE7 中,例如,即使我使用的是内联块,它也会将成本放在下面的行中。非常感谢您的帮助
注意:我打开了边框,所以我可以看到发生了什么......
我的问题演示:http://jsbin.com/ilese4/
这是它在 IE7 中如何呈现的图片。
【问题讨论】:
标签:
css
internet-explorer
inline
block
【解决方案1】:
此链接可以帮助解决它:
Cross-Browser Inline-Block
让inline-block 跨浏览器(包括 IE6/7)工作的最起码是:
.my-inline-block {
display: inline-block;
*zoom: 1;
*display: inline;
}
您可能需要修复其他怪癖;详细信息和解释在链接中...
【讨论】:
-
我并不是想为 IE 制作显示块,我只是想让我的示例或多或少地工作。这里的解决方案可以通过在左侧添加一个类并像我为右侧的成本所做的那样浮动它就足够了:jsbin.com/araco4