是否有可能流动儿童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中完成的。