标签样式在ie6中不起作用

Question

我有一个页面并排显示两个链接。这适用于IE6以外的所有浏览器。 Here's the link to the fiddle。有谁知道为什么会这样，以及如何解决它？

IE6上的结果：

Answer 1

因为IE6不支持display: inline-block。

Answer 2

这是因为IE 7及更低版本不支持默认display:inline-block元素上的block。

如果您想要一个display:inline-block的元素，您可以：

• 使用默认的inline元素（例如<span>）并将display:inline-block设置为
• 使用默认的block元素（例如<div>）并将display:inline设置为

您有<div>个元素，因此您需要：

<!--[if lte IE 7]>
<style type="text/css">
.dialog-button, .horizontal-dialog-divider {
    display: inline;
}
</style>
<![endif]-->

请在此处查看：http://jsfiddle.net/uQUTc/1/

它适用于IE7，但也许在IE6上这个技巧不起作用（我没有它所以我无法测试它。）

但严重的是，你为什么要为IE6编程？它已经很老了，它不是一个兼容的浏览器。

修改

如果要对齐元素，可以使用

.dialog-button,.horizontal-dialog-divider,.dialog-text{vertical-align:middle}

请在此处查看：http://jsfiddle.net/uQUTc/3/

Answer 3

我认为你最好使用list元素，使用float：left

<ul>
<li>Ok</li>
<li>Cancel</li>
</ul>

ul li {list-style:none; float:left; padding:10px}