javascript - 是否可以流动子 div 并使用水平溢出使它们填充主 div？

Question

我现在开始考虑这个问题，我在想是否可以只使用 css 来实现，或者需要 javascript。

我在这里得到了一张显示示例的图片:

有人见过这样的东西吗？可以给我一些例子吗？

Answer 1

你可以用表格来达到这个效果。当您添加元素时，只需附加一个新单元格。让元素稍微向左或向右移动，只是相对位置；并离开:-some px.

.table {
    display:table;
}
.table > div {
    display:table-row;
}
.table > div > div {
    display:table-cell;
    padding:2px;
    vertical-align:top;
}

demo toy/fiddle *使用 jquery 进行演示，但真正的工作是在 css 中完成的。