我的網(wǎng)頁上有一個“瘦”列表：例如，一個包含100個項目的列表，每個項目的長度為一個單詞。為了減少滾動，我想在頁面的兩列甚至四列中顯示此列表。我該如何使用CSS？<ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li></ul>我希望該解決方案具有靈活性，這樣，如果列表增加到200個項目，則無需進行很多手動調(diào)整即可容納新列表。
3 回答
catspeake
TA貢獻1111條經(jīng)驗 獲得超0個贊
如果您正在尋找一種適用于IE的解決方案，則可以將列表元素浮動到左側(cè)。但是，這將導(dǎo)致列表四處亂動，如下所示：
item 1 | item 2 | item 3
item 4 | item 5
而不是整潔的列，例如：
item 1 | item 4
item 2 |
item 3 |
這樣做的代碼是：
ul li {
width:10em;
float:left;
}
您可以在lis處添加一個下邊框，以使項目從左到右的流動更加明顯。
添加回答
舉報
0/150
提交
取消