如何居中导航栏？

这个网站使用的是我认为有一个中心导航栏的主题，事实证明它没有。如何居中导航栏？

http://richdales.com/

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

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

你

来源

2014-03-31 Rashad Nasir

你已经试过了什么？导航按原样使用float：left;水平对齐链接。将其更改为显示：inline-block;代替。这将使它们保持水平对齐，但它会以可以添加文本对齐的方式进行：center;以UL元素为中心。 – Michael

CSS：

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

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

而对于NAV＃主nav.full .shell> ul>里，去除浮动：左;它会工作:)。

来源

2014-03-31 13:00:05 Hoshibe

设置导航＃主nav.full .shell>微升至

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

删除浮动：从NAV＃主nav.full .shell> ul>李并将它们留给

display:inline;

从NAV＃主nav.full .shell> UL>里块>一个

这样的立项目将坐inline和如预期为中心：

最后除去显示。

来源

2014-03-31 13:00:47 Taintedmedialtd

如何居中导航栏？

回答

相关问题