css - Div 在另一个 Div 内以表格方式浮动

Question

早上好，我一直在尝试让一些 div 以表格方式漂浮在更大的 div 中，我希望 div 从上到下然后从左到右浮动（请看图片），这可以用 CSS 实现吗只要？

我目前正在使用 float:left 作为内部 div。

还有一件事，Divs 浮动，因为页面可能会根据屏幕大小而增长。

谢谢！

Answer 1

您可以使用 CSS3 列来做到这一点。这是一个演示它的jsfiddle 。CSS实际上很简单：

.col-4-div {
columns: 10px 4;
-webkit-column-count: 4;
-webkit-column-gap: 10px;
-moz-column-count: 4;
-moz-column-gap: 10px;
}

注意这里有满足 IE10、Webkit 和 Firefox 浏览器的声明。不幸的是，早期版本的 IE 不支持这一点。