在 wordpress 中居中导航菜单答案

【问题标题】：centering navigation menu in wordpress在 wordpress 中居中导航菜单
【发布时间】：2014-06-19 10:03:28
【问题描述】：

我正在寻求纠正我的一个页面上的一个问题，该问题使我的导航菜单从允许内容跨越页面宽度的编码中获取方向……见下文：

该页面中的这个 css 代码导致导航菜单转到页面的两侧……徽标向左……页面菜单向右：

div.centered-wrapper {
width: 95% !important;
}

这是我在 style.css 中更新的代码的样子，使菜单居中，使用 text-align:center

#navigation {
text-align: center
position:relative;
z-index:10000;

如何解决我的问题？由于 div，它只发生在这个特定的页面上。代码

【问题讨论】：

【解决方案1】：

插入css div.centered-wrapper {display:inline-block;}

【讨论】：

【解决方案2】：

我无法发表评论，所以我想我已经找到了答案。我在你的代码中看到你的 margin-right 为 0（见图）。切换到 margin-left:0px !important;您可以将其视为

<div class="percent-three-fourth column-last">

编辑：如果需要，您可以将 margin-left 和 margin-right 都设置为自动居中。上面是在左边设置nav。我希望这会有所帮助。

编辑 2：将 95% 更改为其他页面上的样子。

.centered-wrapper {
width: 1120px;
margin: 0 auto;
}

【讨论】：

【解决方案3】：

所以我发现最简单的方法是将菜单包装在另一个 div 中，在“centered-wrapper”div 中，如下所示：

<div class='centered-wrapper'>
<div class='newclass'>

</div>
</div>

然后为新类设置样式：

.newclass{ width: 1120px; margin: 0 auto; }

【讨论】：

【解决方案4】：

只需将此样式添加到该页面-

#header div.centered-wrapper {
width: 1120px !important;
}

我猜这就是你想要的。

【讨论】：