如何对齐wordpress中的导航菜单？

Question

我有一个问题..我无法将导航设置为水平..请教我如何将导航菜单水平对齐并将其放置在 WordPress 的中心？

我是 WordPress 的新手。请帮助我

谢谢！

这是用于导航的 css：

#toppart #mainnav {
margin: 40px 0 0;
max-width: 100%;
float:none;
text-align:center;
}

#toppart #mainnav ul li {
float: none;
list-style: none;
position: relative;
display:inline;
background: #16212b;
padding: 9px 14px;
}

#toppart #mainnav ul li a {
margin:0;
padding:9px 14px;
display: inline;
}

#toppart #mainnav ul ul {
display: inline;
float: none;
position: relative;
margin-left:20px;
top:0;
left: 0;
z-index:none;
text-align:center;
}

#toppart #mainnav ul ul ul {
display: inline;
float: none;
position: relative;
margin-left:40px;
top:0;
left: 0;
z-index:none;
text-align:center;
}

#toppart #mainnav ul ul li {
border-bottom:1px solid #000;
text-align:center;
}

#toppart #mainnav ul ul ul li {
border-bottom:none;
text-align:center;
}

#toppart #mainnav ul ul li a {
background:none;
display:inline-block;
width:100%;
list-style:square;
text-align:center;
}

#toppart #mainnav ul li a:hover {
background:none;
text-align:center;
}

}

Answer 1

我认为你应该使用 somethink like

#toppart #mainnav ul ul li {
float: left;
position: relative;
}

在 Wordpress 菜单中，您将拥有 li 标签内的所有项目，因此您可以使用属性 float: left; 和 position: relative; 使它们水平对齐

不需要更改显示属性

Answer 2

请确保您已将浮点数留给特定。

#toppart #mainnav ul li { 
float: left;
list-style: none;
position:relative;
display:inline;
background: #16212b;
padding: 9px 14px;
}

我认为它应该可以工作。

Answer 3

  #toppart #mainnav ul ul li {
    float: left;
    position: relative;
     margin-left:20px;
display:inline;