css - 居中CSS菜单

Question

我在使此菜单居中时遇到了一些问题。我试过 text-align:center;在 <ul> 上和 margin:auto; .我不确定我是否必须 float 任何东西，或者更改显示设置

JSFiddle:http://jsfiddle.net/FQ3mK/

Answer 1

第一种方法:将容器居中 <div>通过使用 text-align:center :

#navcontainer {
    text-align: center;   
}

现场演示:jsFiddle

---

第二种方法:给容器一个固定的宽度<div>并使用 margin:auto :

#navcontainer {
    width: 600px;
    margin: auto;   
}

现场演示:jsFiddle