Question

我正在创建一个基于Twenty Eleven主题的Wordpress主题，无法弄清楚如何自动导航栏中心，所以我不必经常更新它。

这是PHP / HTML： http://pastebin.com/TBL1nzjV

CSS中可能存在重复的属性，但这只是因为我还在尝试使用它并测试多个内容......

提前感谢您的帮助！

Answer 1

我选择内联块方法。

.containerElement {
    width: 100%;
    text-align: center;
}

.childElements {
    display: inline-block;
}

为了使其在您的代码中运行，您需要删除 .containerElement （#access ul）固定高度，以及 .childElements （#access li）浮动财产。

Answer 2

这在我提供的测试网站上为我工作

#access li {

float: left; /*delete*/
display:block; /*delete*/

display:inline-block; /*add*/

}

#access ul {

margin-left: 25%; /*delete*/
margin-right: 25%; /*delete*/
width: 1000px; /*delete*/
height: 10px; /*delete*/

margin-bottom: 0px; /*add*/
margin-left: 0px; /*add*/
padding: 0px; /*add*/

}

如何使水平导航菜单中心对齐

2 个答案: