這篇部落格主要是講如何解決ul和li的一些問題，作為乙個css大白，作者最近再做乙個非常簡單的導航欄（乙個ul中套4個li，一行）的時候遇到了很多問題。下面將一一講述。
問題如下：
1.ul中的li如何橫向排序？
2.display:inline、inline-block、block有什麼區別？
3.為何分配好100%後會換行？
4.為何ul與li會錯位？
1.ul中的li如何橫向排序？
解決方法：
兩種，一種是給li元素的樣式裡面加個float:left，一種是給li元素加display:inline或display:inline-block，更推薦第二種，因為第二種不會出現更多的錯位。
2.display:inline、inline-block、block有什麼區別?
答：看這個英文，就知道，inline是在一行中顯示，block是塊的意思，表示顯示可以調高度寬度的塊級元素，而inline-block就是將inline和block合起來，就是可以調寬高的塊級元素並且顯示在一行裡。（我找了好久才發現inline不可以調整高寬）
4.ul和li的錯位問題
最後我們會發現，ul和li會橫向錯位一點，（我的就是左邊ul比li多出來一點，右邊li比ul多出來一點）
答：將ul的樣式中加入padding:0px;即可解決。
CSS的ul和li實現橫向排列和去掉li的點
今天做網頁是老是不懂怎麼實現ul的橫向排列和去掉li那個煩人的點，現在找到方法了，做個筆記 複製 如下 ul ul li 順便拓展一下li的list style 複製 如下 ul 程式設計客棧 ul ol ol 再寫個今天看到的東西，是關於dl,dt,dd的，其實就是類似於子類的，我比較少見到各個網...
li和ul標籤用法舉例
或者 是專案列表，是列表項。是無序列表，就是用符號來列的，所以你列出來預設的就是黑點，是編號列表，用數字來列的，也是用做列表項，是 list item 即列表項，但列表有很兩種，所以外面得有 或者 用來區別無序列表 小點點 和有序列表 1,2,3.a 運用css格式化列表符 ul li b 如果你想...
li和ul標籤用法舉例
li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象，則 以下是引用片段 ul li c 為了左對齊，可以用如下 以下是引用片段 uld 如果想給列表加背景色，可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色效...