無序列表排版

2021-04-12 15:58:15 字數 604 閱讀 6911

用無序列表排版的一些問題

1.在div套ul時如果div的樣式沒有設寬度,那ul中margin設定就無法生效。

* div的樣式要設有寬度,內的ul樣式margin才生效*//

2.在建表項(li)時,預設為垂直排列,但有時會繼承上人樣式,而使其為水平排列。11

為使以垂直排列,應在il樣式中新增顯示為塊(display: block;)。22

il3.在列表(ul,li)中使水平分布與垂直對齊

1.如果每次載入的大小不一,就要確定所有最高是多少。

2.定高:有兩種方法。

(1)是在ul中新增高度(height)屬性,而值為把所有最高加上上下邊界(margin)高度。還在li中新增上下邊界(margin)高度。

(2)適合所有高度都一樣的。只在li中新增上下邊界(margin)高度就可。

3.定寬:在li樣式新增寬度,寬度的值是一行中數除ul總寬度所得到平均數。然後再新增乙個文字水平對齊(text-align: center;)。

例:.recommendation_gallery div

.recommendation_gallery ul

.recommendation_gallery li

有序列表 無序列表 巢狀列表

無序列表 有序列表 coffee teamilk coffee teamilk 不同型別的有序列表 編號列表 bananas lemons oranges 大寫字母列表 bananas lemons oranges 小寫字母列表 bananas lemons oranges 羅馬數字列表 banan...

前端 13 無序列表

什麼是有序列表?有序列表的作用 給一堆資料新增列表語義,並且這一堆資料中所有的資料都有先後之分 有序列 式 其它用法和ul都差不多,也就是應用場景 注意點都和ul差不多 1.定義列表的作用 1.1給一堆資料新增列表語義 1.2先通過dt標籤定義列表中的所有標題,然後再通過dd標籤給每個標題新增描述資...

HTML無序列表 有序列表 定義列表

一 無序列表 ordered list 各個列表專案之間沒有順序,是並列的 type屬性用於設定列表樣式,預設是小圓點 disc circle空心圓圈 square小方塊 通過list style none可以取消 二 有序列表 ordered list type 預設是1,表示專案列表用數字1,2...