css - CSS 导航栏居中对齐

Question

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

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

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

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

Answer 1

如果你想居中，你可以使用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 2

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

text-align:center;

和你的导航

display:inline-block;

Answer 3

给你的ul居中文本，并使你li的 s 不浮动和内联块：

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

这将适用于 Internet Explorer 8。