html - 列和水平滚动

Question

我想动态地将项目添加到列表中，当我这样做时，顺序很奇怪，当我添加第一个项目时，这个粘在左边，当我添加第二个时，这个到中心，第三个项目去 rigth，到目前为止一切都很好，但是，当我添加第四个元素时，我得到了 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%;
}

但迈克尔是对的，为了获得更好的答案，请始终发布您的代码或至少一个示例。