html - 强制 元素到 2 行

Question

首先，感谢您花时间阅读本文。

从我记事起，我就一直在使用 HTML/CSS，但今天我遇到了一个问题，这让我很困惑。

我有一个容器，其中有一定数量(比如说 8 个)动态创建的子 div。我希望容器在两行中显示子项，即使它们水平溢出也是如此。

例如，

 ____________|            ||[1] [3] [5] | [7]|[2] [4] [6] | [8]|____________|

然后我要用JS实现一个不错的滚动功能。

但是，目前，我只能让它们显示在一行而不是两行，方法是将它们设置为:

display: inline-block;

或者垂直滚动，通过使用一个漂亮的标准:

float: left;

如有任何建议，我们将不胜感激!

克里斯

Answer 1

将您的子元素排成行。

.row { height:100px; overflow hidden;} // assuiming 100px is height of a child
.row > .children { height:100px; float:left;}