css - 编辑导航菜单 - 如何换行显示 :block, float :left to have a Centered Menu?

Question

是的，所以，我一直在自行编辑一个相当复杂的站点，并且一直停留在涉及菜单的最后一部分。它有一个 float:left 命令(导航栏显示在屏幕左侧)，我一直试图使用包装器将其调整为 text-align:center (出现在屏幕中心)，但没有成功。

代码如下:

#nav a {
    display: block;
    padding: 5px;
    color: #aaa;
    text-decoration: none;
    outline: none;
    font-weight: normal;
    font-family: "Droid Serif", Georgia ,serif;
}
#nav > .current-menu-item > a,
#nav > li a:hover { color: #4C4C4C }
.plus { color: #aaa }
#nav ul {
    position: center;
    display: none;
}
#nav li {
    float: left;
    position: relative;
    list-style-type: none;
    padding-bottom: 5px;
}
#nav li a {
    letter-spacing: 3px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 15px;

我是一名编程菜鸟，通过反复试验和谷歌浏览器中的“检查元素”命令，我几乎可以生存下来。请温和而多解释:)

干杯，杰斯

Answer 1

如果你想让 ul 在导航中居中，只需将 width 添加到 ul 和 ma​​rgin: 0 auto;如果您不想添加宽度，请查看 How do I center align horizontal <UL> menu?