如何使这个导航栏居中?

时间:2014-03-31 12:53:01

标签: css navigation

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

http://richdales.com/

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

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

2 个答案:

答案 0 :(得分:2)

在你的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> ul> li,移除浮子:左;它会起作用:)。

答案 1 :(得分:0)

设置nav#main-nav.full .shell> ul到

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

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

display:inline;

最后从导航中删除display:block#main-nav.full .shell> ul> li>一个

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

寻找你感兴趣的贴纸↓↓↓
豫ICP备18024241号-1