html - 标签样式在 ie6 中不起作用

Question

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

IE6 上的结果：

Answer 1

这是因为 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 2

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

Answer 3

我认为您最好使用带有 float:left 的列表元素

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

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