HTML列表不能並排顯示

我有一個HTML列表，每個<li>標籤都帶有css display: inline-block;，而<ul>有display: block; list-style-type: disc; -webkit-column-count: 4;。我做了這樣的CSS，它將<li>標籤中的所有div顯示爲網格佈局。我想要的是它並排顯示單元格，然後當一行填滿時，它會進入下一行。相反，他們將一個顯示在另一個之上，然後轉到下一列。HTML列表不能並排顯示

來源

2013-05-31 jpmastermind

你可以把你的代碼的jsfiddle？所以我們可以看到它 –

試試這個CSS：li {display:block; float: left}

來源

2013-05-31 07:11:01 neelsg

@Siddharth：不知道這不能提供答案？這將做的是在一行中顯示彼此相鄰的列表項，並在該行已滿時移動到下一行。這與問題中提出的內容是一致的。 – neelsg

我收回我的評論。這是一個可能的答案。但是它解決了這個問題，我不能回答這個問題。你是對的。我刪除了我的評論。要求你也刪除你的（保持清潔）。 – Siddharth

HTML列表不能並排顯示

回答

相關問題