请教一个特殊布局得问题

Question

如下图，这样得布局如何实现？
能实现到了底部自动换到另外一列吗？

Answer 1

可以用flex

.box {
    display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
}

Answer 2

css3 column 了解一下（ie9不支持）

.column{
  height: 200px;
 -webkit-column-width: 150px;
 -moz-column-width: 150px;
 column-width: 150px;
}