margin：auto在IE7中不工作

Question

我在我的站点上有一个分页控件，它的容器元素设置为margin：auto，以便分页控件在元素中居中。它在除IE7以外的所有浏览器都很好用。事实上，我刚刚意识到我的网站有几个问题与IE7，我试图通过他们所有。不过，我一直坚持这一段。

看看this page。

（我知道在这个页面上还有其他的IE7问题，首先关注寻呼控制）。如果您使用IE9，则可以在菜单栏中点击F12并将“浏览器模式”设置为IE7。将其与任何其他浏览器/版本中的相同页面进行比较。

任何人都可以告诉我为什么这是基于我使用的CSS/HTML发生？我一直在努力，看起来像几个小时，我真的没有得到它的任何地方。

Answer 1

问题是，您依靠display: table将ul收缩到其内部的宽度li s。不幸的是，display: table is not supported in IE7.

切换到display: inline-block是解决这个问题的一种方法。

在previous_next_container_forum ul.list_paging，删除display: tableand add：

display: inline-block; 
*display: inline; 
zoom: 1; 

的ul现在是完全一样宽的li的内线吧，不使用display: table。

要使其居中，您需要将text-align: center添加到父元素，例如.previous_next_container_forum。