所以在我的网站上,我试图让我的导航菜单居中对齐,但由于某种原因它不起作用。我试过申请
margin-right: auto;
margin-left:auto;
我也尝试了其他 CSS 技巧,但它仍然无法居中对齐。有人可以用 Firebug 查看我的网站并告诉我我做错了什么吗?
我的网站是http://dev.pti-world.com 我以为我对 CSS 相当了解,但显然不是,因为我遇到了这个我无法弄清楚的小问题。
最佳答案
如果你想让它居中,你可以使用 margin: 0 auto;
您需要更改 CSS 中的两行:
- 您将 ul 的宽度设置为 100%。
- 你有 ul 和 float left。
解决方法:
#megaMenu ul.megaMenu {
float:left; <---- delete this because with a float you cant center it.
}
并改变这个
#megaMenu.megaMenuHorizontal ul.megaMenu {
width: 950px;
margin: 0 auto;
}
关于CSS 导航栏居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19327439/