<div class="navbar center"> <ul> <li><a href="/">首页</a></li> <li><a href="/">关于我们</a></li> <li><a href="/">产品展示</a></li> <li><a href="/">客户支持</a></li> <li><a href="/">联系我们</a></li> </ul> </div>
li{float:left}
如此这个导航是不会居中的,当我们通过设置fit-content加上margin来做到居中。
ul{ width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: auto; }