在div浮动内部时，UL不会居中：右

Question

请在此处查看小提琴，以获取示例：

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

基本上我正在试图让它UL居中于它的父div。

每个li都有width，如果我使用inline，则不会使用宽度进行渲染。如果我使用inline-block，那么IE不会正确渲染它，但FF会这样做。我将如何做到这一点？

Answer 1

在display: inline元素上使用float: left代替li，如下所示：

http://jsfiddle.net/TKJsc/

Answer 2

尝试显示：inline-block而不是float：left。 这样就可以获得边距和填充以及内联行为。

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

Answer 3

由于某些名为hasLayout的专有概念的错误，IE8在内联块方面无法正常工作。如果是项!hasLayout，则会将其视为内联。

要在IE8中修复它，所有必要的是给它一些将触发hasLayout == true的属性。最简单的方法是使用ms-proprietary zoom:1;

有关详细信息，请查看此深入文章：http://www.satzansatz.de/cssd/onhavinglayout.html