Question

我正在使用网站cardinalmma.com/，但您可以看到菜单未居中。例如，在左侧部分看到新闻菜单，但有一些填充。我希望它能集中在任何人都可以帮助我。谢谢 Somdeb

Answer 1

您希望各个导航栏标签居中，正确吗？

li.menu-item {
    text-align: center;
}

这会定位菜单中的<li>标记，由.menu-item类标识。 text-align: center;规则负责将<a>标记与您的文字对齐。

在我的浏览器中，此修改使其如下所示：

menu with centered text

Answer 2

在css样式表中尝试使菜单项对齐中心。

尝试使用课程菜单和li部分：

.menu {
    text-align: center;
}

或朝这个方向发展的事情

Answer 3

请更新您的CSS。这应该可以解决您的问题。

.menu_top a {
color: #eee;
font-weight: bold;
line-height: 3.4em;
padding: 0 14px;
text-decoration: none;
height: 50px !important;
text-align: center;
display: block;
}

.menu_top ul ul li a {
 text-align:left;
 }

Answer 4

要使导航栏标签居中，请使用此css礼貌的Surreal Dreams：

li.menu-item {
    text-align: center;
}

现在详细说明如何找到这个解决方案。编辑/开发wordpress的最佳方法是使用firebug或Chrome的开发人员工具来查找要修改的元素。然后您可以在那里添加CSS并实时查看结果（这些更改不是永久性的）。我想说这很可能是超现实梦想找到解决方案的方式。

如果您想了解有关使用Chrome开发工具工具的详情，请访问此页：https://developers.google.com/chrome-developer-tools/。
如果你是CSS新手（我不知道你是CSS新手还是你的问题是严格编辑CSS），你应该去看看http://www.codecademy.com/tracks/web

Wordpress菜单无法居中

4 个答案: