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

Question

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

我得到了一张显示此处示例的图像：

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

Answer 1

你可以用一张桌子来达到这个效果。当您添加项目时，只需附加一个新单元格。使项目稍微向左或向右只是相对位置；左：-一些像素。

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

演示玩具/小提琴*使用 jquery 进行演示，但实际工作是在 css 中完成的。