0

我的网站上有一个分页控件，它的容器元素设置为 margin:auto 以便分页控件在元素内居中。它适用于除 IE7 之外的所有浏览器。事实上，我刚刚意识到我的网站在 IE7 上存在一些问题，我正在努力解决所有问题。但是，我已经坚持了一段时间了。

看看这个页面。

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

谁能根据我使用的 CSS/HTML 具体告诉我为什么会这样？我已经尝试了好几个小时，但我并没有真正做到。

4

1 回答 1

5

问题是您依赖于display: table将其收缩包装到其中的sul的宽度。li不幸的是，display: table在 IE7 中不支持。

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

打开previous_next_container_forum ul.list_paging，删除display: table 并添加：

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

现在s 和它里面ul的 s 一样宽，没有使用.lidisplay: table

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

于 2012-04-07T04:38:41.853 回答