自己突然想搞一個正規(guī)一點的，上檔次一點的網(wǎng)站建設(shè)公司網(wǎng)站，然后其中有個導(dǎo)航需要用到水平居中。一直以為對ul li居中對齊已經(jīng)掌握了。但最近做項目時發(fā)現(xiàn)之前l(fā)i的float:left方法顯然有一個問題，就是無法居中（水平），只能使用padding-left或margin-right的方法方法來固定其居中。但這樣可能在寬屏與窄屏的顯示不一致。使用這種方法主要是利用li的浮動固定寬度來實現(xiàn)，li的默認(rèn)display為block，將其這個屬性改為inline便可實現(xiàn)這種ul li居中的問題。因為現(xiàn)在的網(wǎng)站大多都使用DIV布局，這種類型的網(wǎng)站也最適合深圳網(wǎng)站優(yōu)化來做搜索引擎的關(guān)鍵詞排名了，所以希望大家也能注意。網(wǎng)上GOOGLE了一下讓UL或LI水平居中顯示的代碼，現(xiàn)在將未知寬度讓LI水平居中代碼共享CSS如下：

#linknav{height:140px;}

#linknav ul{text-align:center;list-style-type:none;}

#linknav ul li{display:inline;list-style-type:none;}

DIV結(jié)構(gòu)代碼如下：

<div id="linknav">

<ul>

<li><a href="#">關(guān)于我們</a></li>

<li><a href="#">域名注冊</a></li>

<li><a href="#">虛擬主機</a></li>

<li><a href="#">企業(yè)郵局</a></li>

<li><a href="#">網(wǎng)站優(yōu)化</a></li>

<li><a href="#">網(wǎng)站推廣</a></li>

</ul>

</div>