html - 如何在 IE7 中将计数器居中？

Question

看看下面的链接。在所有其他浏览器中都可以正常工作，但在 IE7 中不行。

http://www.sonnyt.com/countie/

现在转到此站点并将链接粘贴到框中以查看它在 IE7 中的视图

http://netrenderer.com/index.php

任何想法如何让它发挥作用？

只是我需要居中的计数器元素。

谢谢

Answer 1

添加宽度#countdown，然后将左右边距设置为auto. Chrome 报告计数器宽度为 697px，所以这应该可以工作：

#countdown {
    width: 697px;
    margin: 0 auto;
}

Answer 2

display: inline-blockdisplay: inline仅适用于 IE7 中具有 natural 的元素。有几种可能的解决方案，但我会给出两个：

1. float: left从<li>元素中删除并改为使用，display: inline加上margin: 0 auto（<ul>必须是display: block）。
2. 停止支持 IE7