CSS导航栏对齐中心

Question

因此，在我的网站上，我试图获取“导航”菜单以对齐中心，但是由于某些原因它无法正常工作。 我尝试申请

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

我也尝试了其他CSS技巧，但仍然无法对齐中心。 有人可以用萤火虫浏览我的网站，并告诉我我在做什么错吗？

我的网站是http://dev.pti-world.com。我以为我对CSS非常了解，但显然不是，因为我遇到了这个小问题，无法解决。

Answer 1

尝试再次包装您的导航并给包装器

text-align:center;

和你的导航

display:inline-block;

Answer 2

如果要居中，则可以使用margin: 0 auto;

您需要在CSS中更改2行：

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。