html - 如何在父 div 中居中此 UL

Question

我正在使用 Twitter Bootstrap，我目前正在从 PSD 创建一个主题。

你可以在这里看到有问题的导航栏

http://www.webdesigndarwen.co.uk/cassanni2

我希望带有“家、我们是谁、我们的立场”等的 UL 在其父 div 内水平居中。

有人帮忙吗？

Answer 1

检查是否

.navbar .nav {
float: none;
}  

给出你正在寻找的结果。

Answer 2

除了按照 txpeaseofficer09 的建议设置边距外，您还需要删除浮动，并为元素指定非百分比大小。

在 cassanni.css 中试试这个（选择器需要比 bootstraps .navbar .nav 更细粒度）：

.navbar ul.nav {
width: 900px;
float: none;
margin: 0px auto;
}

Answer 3

nav ul {
    margin: 0px auto;
}

第一个数字是上边距，因此您可以根据需要进行调整。auto 将尝试自动定义 right、bottom 和 left 的值，如果您使用的是 HTML5<nav>元素，那么<ul>内部<nav>应该自动居中。