ul li 水平居中

li的float:left方法顯然有一個問題，就是無法居中（水平），只能使用padding-left或margin-right的方法方法來固定其居中。但這樣可能在寬屏與窄屏的顯示不一致。使用這種方法主要是利用li的浮動固定寬度來實現，li的默認display為block，將其這個屬性改為inline便可實現這種ul li居中的問題。

 

讓LI水平居中代碼共享CSS如下：
#linknav{height:140px;}
#linknav ul{text-align:center;list-style-type:none;}
#linknav ul li{display:inline;list-style-type:none;}
DIV結構代碼如下：
<div id="linknav">
<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>
<li><a href="#">網站推廣</a></li>
</ul>
</div>