wordpress - 如何对齐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

我认为你应该使用类似的东西

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

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

不需要改变显示属性