在一个 Div 中居中文本（Wordpress 菜单）答案

【问题标题】：Centering Text Within A Div (Wordpress Menu)在一个 Div 中居中文本（Wordpress 菜单）
【发布时间】：2014-10-17 21:45:13
【问题描述】：

在我的 Wordpress 主题中将菜单项居中时遇到了一点问题。您可以在此处查看该网站：http://tinyurl.com/k2aq3sh

我试过 margin:auto 但没有骰子。这是当前的 CSS：

#primary-menu-container {
 margin-bottom:-27px;
  margin-top:-10px;
  text-align: left;
  float: left;
  max-width:1020px;

}

任何帮助将不胜感激！

【问题讨论】：

标签： css wordpress menu centering

【解决方案1】：

如果您要让整个菜单在导航栏中居中，可以这样操作：

#primary-menu {
list-style: none;
display: flex;
justify-content: center;
}

【讨论】：

【解决方案2】：

这样做的一种方法是删除#primary-menu-container div 和列表项的浮动。而是将 display:inline-block 添加到列表项中，然后您可以从那里将 text-align:center 添加到 ul 元素

#primary-menu-container {
    ...
    float:none
}

#primary-menu{
    ...
    text-align:center;
}

#primary-menu li, .default-menu li {
    ...
    float:none;
    display:inline-block;
}

【讨论】：

埃里克，感谢您的回复。尝试了更改，清除了缓存，菜单仍然保留在左侧。
检查没有任何属性以某种方式被覆盖，我用检查元素尝试了这个并让它工作。