列和水平滚动

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%; 
} 

但迈克尔是正确的，为更好的答案，总是张贴您的代码或至少一个例子。