css - 居中导航菜单

Question

一直在尝试整理导航栏的居中位置，就在横幅（链接）上方。在这里浏览了一些解决方案，我已经使用自定义 CSS 来尝试某些变体，但仍然无法得到我想要的。简而言之，我只是想让菜单居中。我读过它必须是固定的宽度，但后来听说不是这样。希望解决方案是我能理解的。

谢谢

Answer 1

您需要从样式表中删除一些 css 规则并添加一些规则 - 请参阅下面的 css 以获得所需的布局。

CSS：

#header #navigation {
    /*float: left;*/ /* remove this property*/
}
#header #navigation {
    background: none repeat scroll 0 center transparent;
    box-shadow: none;
    clear: none;
    /*float: right;*/ /* remove this property*/
    /*width: auto;*/ /* remove this property*/
    width: 285px; /* add width here to get the actual width of menu so we can make it center*/
}

看屏幕截图：