UL不居中一個div浮動內時：右

Question

請到這裏查看搗鼓一個例子：

http://jsfiddle.net/TKJsc/1/

基本上我試圖使它所以UL集中在它的父div。

每個li有一個width，如果我使用inline它將不會與寬度呈現。如果我使用inline-block然後IE不使其正確的，但FF一樣。我將如何實現這一目標？

Answer 1

IE8不完全正確與inline-block的，由於一些所謂的hasLayout專有概念的錯誤工作。如果項目!hasLayout，它被認爲是內聯的。

要修復它在IE8中，所有需要的是給它一些屬性，它會觸發hasLayout == true。最簡單的方法來做到這一點是與再次MS-專有zoom:1;

有關詳細信息，請參閱本非常深入的文章：http://www.satzansatz.de/cssd/onhavinglayout.html

Answer 2

使用display: inline，而不是float: left您li元素，像這樣：

http://jsfiddle.net/TKJsc/

Answer 3

嘗試顯示：inline-block的，而不是浮動：左。 這樣，你得到的邊距和填充，以及內嵌的行爲。

http://jsfiddle.net/juanojeda/asfjK/