Css 如何将此导航栏居中？

这个网站正在使用一个主题，我认为它有一个中心导航栏。。。事实证明不是这样

我可以覆盖/更改任何必要的CSS，但我不确定要查找什么

任何建议都会有帮助。谢谢大家!

在您的css中：

nav#main-nav.full .shell > ul{
    text-align: center;
}

nav#main-nav.full .shell > ul > li{
    position: relative;
    display: inline-block;
}

对于nav#main-nav.full.shell>ul>li，移除浮动：左；它会起作用：）。

将nav#main-nav.full.shell>ul设置为

display:inline-block; width:100%; text-align:center;

从nav#main-nav.full.shell>ul>li移除浮动：左侧，并将其设置为

display:inline;

最后移除显示：从nav#main-nav.full.shell>ul>li>a中删除块

---

这样，li项目将按预期排列并居中。

您已经尝试过什么？导航原样使用浮动：左；将链接水平对齐。将此更改为显示：内联块；相反这将使它们保持水平对齐，但这样做的方式是，您可以添加文本对齐：居中；连接到UL元件以使其居中。