列和水平滾動

Question

我想添加項目到列表dinamically，當我這樣做時，順序是如此奇怪，當我添加第一個項目，這個棍子左邊，當我添加第二個，這個去到中心，第三項到目前爲止，一切都很好，但是，當我添加第四個元素時，我得到了2列而不是3列。

這就是我想要

| 1 | | 2 | | 3 | 
| 4 | 

而這就是我得到

| 1 | | 2 | 
| 3 | | 4 | 

我真的需要使用的列數（因爲我需要水平滾動列表時，這個填充9個元素，因此，元素編號10將出現在屏幕之外，並出現水平滾動）。

任何想法如何實現這一目標？

Answer 1

這聽起來像您正在使用內聯塊元素爲您的列表。 改爲使用塊元素並浮動您的Listitems或使用Flexbox。

<span>1<\span> 
<span>2<\span> 
... 

span { 
    display: block; 
    float: left; 
    width: 33.333333%; 
} 

但邁克爾是正確的，爲更好的答案，總是張貼您的代碼或至少一個例子。