Css 如何居中wordpress导航

在wordpress页面上居中导航的最佳方式是：

我试过这个：

@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    padding: auto;
  }
  .nav {
    padding-left: 10%;
  }
}

从这里开始：

但绝对没有影响

提前谢谢

<div class="menu-wrap"> // need to add this div before ul

<ul id="menu-oberes-menue" class="main-navigation-menu">
      {your menu list}
</ul>

</div>

---

以您的风格添加此代码段：

@media only screen and (min-width: 60.001em){
.main-navigation-menu>li {
    float: none;
    display: inline-block;
}

#menu-oberes-menue {
    text-align: center;
}
.main-navigation-menu ul li{
   text-align:left;
}
}

---

在您的样式中添加此代码段：

@media only screen and (min-width: 60.001em){
.main-navigation-menu>li {
    float: none;
    display: inline-block;
}

#menu-oberes-menue {
    text-align: center;
}
.main-navigation-menu ul li{
   text-align:left;
}
}