如何使这个导航栏居中？

Question

这个网站使用的主题我认为有一个居中的导航栏......事实证明它没有。

http://richdales.com/

我可以覆盖/更改任何必要的CSS，但我不知道该寻找什么。

任何建议都会有所帮助。谢谢！

Answer 1

在你的css：

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

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

导航#main-nav.full .shell＆gt; ul＆gt; li，移除浮子：左;它会起作用:)。

Answer 2

设置nav＃main-nav.full .shell＆gt; ul到

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

从导航中移除浮动：左侧#main-nav.full .shell＆gt; ul＆gt; li并将它们设置为

display:inline;

最后从导航中删除display：block＃main-nav.full .shell＆gt; ul＆gt; li>一个

这样，li项目将按照预期内联并居中。