标签样式不工作ie6

Question

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

结果：

Answer 1

这是因为IE 7及更低版本不支持默认block元素上的display:inline-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 2

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

Answer 3

我想你最好能够使用列表元素，带浮点数：左

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

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