css - 如何使这个导航栏居中?

标签 css navigation

这个站点使用的主题我认为有一个居中的导航栏...结果它没有。

http://richdales.com/

我可以覆盖/更改任何必要的 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,移除 float:left;它会起作用的:)。

关于css - 如何使这个导航栏居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22762050/

相关文章:

javascript - 如何在css(或html)中定义动态高度?

javascript - -webkit-转换 : translate(417px, 0px)

javascript - 如何用 jquery 包装元素,但只包装一次

jquery - 使用 href ="#!/id"导航

javascript - 使用 jQuery 将箭头键绑定(bind)到导航

html - 这两种 CSS 符号在将样式应用于特定类时有区别吗?

css - 修复 CSS 文件 : space after colon on rules but not selectors (Sublime Text 2)

react-native - React Native - StackActions.reset 什么都不做

jquery - Fancybox 2 可见的导航箭头

html - Bootstrap 3 Navigation多级下拉约5步