2019-10-23-flex布局实现等列换行显示

效果如图：

<div class="list-box">
    <div class="list-item">
          // 这里放每个item里面的内容
    </div>
</div>

.list-box {
  padding: 0 14px;
  flex-direction: row;
  flex-wrap: wrap; 
}
.list-item { // 每个item不要加margin-right
  align-items: center; // item里面的内容剧中显示
  width: 180px; // 具体宽度看设计稿
  margin-bottom: 32px;
  flex-shrink: 0; // 另外这里防止每个item变形
}