css在一个容器中怎么把左边的堆满了再堆到右边？

Question

rt

Answer 1

grid 布局也可以实现，示例如下：

.container {  display: grid;  // 24px为单个子元素的高度  grid-template-rows: repeat(auto-fill, 24px);  // 指定列优先排列  grid-auto-flow: column;  grid-gap: 10px 20px;  height: 200px;}

Answer 2

弹性布局 display:flex，修改主轴方向为垂直 flex-direction: column，然后允许换行 flex-wrap: wrap 就行了。
代码大概的就是参考之前我的一个回答，只不过需求不一样，但是思路是一样的。 前端 - 怎么才能实现下面图片的效果呢？ - SegmentFault 思否

---

没事可以多看一下阮一峰大佬的这篇教程 �� Flex 布局教程：语法篇 - 阮一峰的网络日志