如何在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-block only works on elements with natural display: inline in IE7。有几种可能的解决方案，但我会给出两个：

1. 从float: left元素中移除<li>并使用display: inline代替margin: 0 auto上的<ul>（必须为display: block）。< / LI>
2. 停止支持IE7