css如何實現ul和li橫向排列

2022-10-09 16:15:10 字數 514 閱讀 5997

因為li是塊級元素,預設佔一行的,要想實現橫向排列,一般通過以下兩個方法:

float:left這樣設定有乙個問題,li浮動以後則脫離了文字流,即不佔位置,如果它的父級元素有具體的樣式且沒有固定寬高,建議父元素清除浮動,或者設定固定寬高。

display:inline-block即把li變為行內元素且可以設定寬高以及邊距,這樣也有乙個問題,低版本的ie瀏覽器不相容inline-block,建議在其後再加兩個屬性相容低版本ie

(推薦教程:css入門教程)

*display:inline;

*zoom:1;

css + ul li 橫向排列的兩種方法

css**一:

*

#n**

#n** ul

#n** li

#n** a

#n** a:hover css**二:

*

#n**

#n** ul

#n** li

#n** a

CSS的ul和li實現橫向排列和去掉li的點

今天做網頁是老是不懂怎麼實現ul的橫向排列和去掉li那個煩人的點,現在找到方法了,做個筆記 複製 如下 ul ul li 順便拓展一下li的list style 複製 如下 ul 程式設計客棧 ul ol ol 再寫個今天看到的東西,是關於dl,dt,dd的,其實就是類似於子類的,我比較少見到各個網...

CSS教程 li和ul標籤用法舉例

li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象,則 以下是引用片段 ul li c 為了左對齊,可以用如下 以下是引用片段 ul d 如果想給列表加背景色,可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色...

CSS教程 li和ul標籤用法舉例

li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象,則 以下是引用片段 ul li c 為了左對齊,可以用如下 以下是引用片段 ul d 如果想給列表加背景色,可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色...