CSS Navbar Align Center

Question

所以在我的网站上我试图让我的导航菜单对齐中心，但由于某种原因它不起作用。我试过申请

margin-right: auto; 
margin-left:auto;

我也尝试过其他CSS技巧，但它仍然不会对齐中心。有人可以用firebug看我的网站并告诉我我做错了什么吗？

我的网站是http://dev.pti-world.com 我认为我对CSS的了解不错，但显然不是因为我遇到了这个小问题，我无法弄明白。

Answer 1

尝试再次包装你的navi并给出包装器

text-align:center;

和你的导航

display:inline-block;

Answer 2

如果您想将其居中，可以使用margin: 0 auto;

您需要在css中更改两行：

1. 您的ul宽度为100％。
2. 你有剩下浮动的ul。

解决方案：

#megaMenu ul.megaMenu { 
   float:left;    <---- delete this because with a float you cant center it.
} 

并更改此

#megaMenu.megaMenuHorizontal ul.megaMenu {
    width: 950px;
    margin: 0 auto;
}

Answer 3

提供ul居中的文字，并使li不会浮动和内联阻止：

#megaMenu ul.megaMenu {
    text-align: center;
}
#megaMenu ul.megaMenu > li {
    float: none;
    display: inline-block;
}

这将回溯到Internet Explorer 8。