html - IE7中的水平li显示为垂直

Question

我已经尝试了一些来自 SO 的调整和修复以及在网上找到的其他一些帖子，但我仍然无法让这个列表在 IE7 中显示为水平。

我用验证器检查了 html 和 css，它是有效的，没有错误。

我已经在http://dogmatic69.com/tmp/test.html中删除了与 ul/li 无关的几乎所有内容

非常感谢任何帮助，谢谢。

score 1 · Accepted Answer

1

除非您需要显式浮动列表项，否则不要。采用display: inline;

于 2012-05-10T10:10:42.533 回答

score 0 · Accepted Answer

IE 6 & 7 不喜欢 display:inline-block; 由于某些原因。

尝试使用下面的代码。请注意，它可能会在现代浏览器中破坏它，因此请使用您将其放入仅 IE 6/7 的 CSS 文件中。

<!--[if IE 7]>
    <style> li { display: inline-block; display:block; } </style>
<![endif]-->

2 回答 2