flex之豎向排列塊級元素

今天寫小米demo遇到了這個

使用浮動和定位都不好使，js太麻煩

我就是使用了flex

 .box{
            height: 500px;//規定大小，不然並不會自動換行
            display: flex;//給父元素開啟flex
            flex-direction: column;//修改主軸方向
            flex-wrap: wrap;//開啟自動換行
            align-content: center;元素居中
        }