利用ul的text-align：center屬性： 設置ul的display：table，text-align:center。 注：1.這里必須用display：table屬性。 2.不可以設置ul的寬。 下面是一段代碼： ...

百度了許久都沒有滿意的解決方案，現在終於搞定了。 其實，只要 ul 的父元素 css 樣式設了 text-align: center; 然后 ul 設了 display: inline-block; li 再設 display: inline; 就可以了。多簡單的事兒，我只要這個簡單的效果 ...

先上效果圖： 再上代碼： END PS：話說Editplus3真是一款好編輯器，現在流行的都沒有直接查看HTML功能了。 ...

head><style rel="stylesheet" type="text/css" >#top{height:140px;}#top ul{text-align:center;list-style-type:none;}#top ul li{display:inline ...

結構: css語法: 關鍵說明: 1 li的display必須為inline, 這樣, 有兩個好處, 一個是不用float:left, li就可以是一行顯示, 另外發現一個問題, 如果display為inline-block時, chrome和火狐的沒問題 ...

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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~關於如何讓li據中的解決方法：~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 問題： 　　本人在寫網頁時，想要寫一個側邊欄，又想要做成選項卡的樣子，比如設置4個li，分別為：詩詞，文章，音樂，影視 ...

<div class="Box"> <ul> <li>我是居中</li> <li>我是居中</li> <li>我是居中< ...