在另一个Div内以表格方式漂浮的Div

Question

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

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

还有一件事，Div会浮动，因为页面可能会增长，具体取决于屏幕尺寸。

谢谢！

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不支持此功能。