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/