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。