CSS:如何使水平列表居中？显示:内联不工作

Question

我在使用最简单的代码时遇到了很大的麻烦。我希望我的 css 水平列表居中，仅此而已。

此处链接:http://bit.ly/LtIBai

我有这个代码:

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

但它不会居中？

注意:窗口必须为“平板电脑纵向”大小才能看到我所指的代码。大约 800 像素宽，当 Logo 居中并且菜单落到下一行时，但在移动菜单出现之前。

Answer 1

他们拒绝居中的原因是因为他们也向左浮动。将 display: inline 更改为 display: inline-block; float: none 并且它们居中显示。

编辑:那里有很多(大部分是不必要的)CSS 代码，所以您可能需要调整一些其他东西才能看起来正确，但 float 是导致非-至少居中。