flex 设置一行个数

关键属性

flex-wrap: wrap;,是否felx里面会换行。

如何设置几个

设置子元素的宽度，想3个 就宽度33.3333% 想5个就20%

例子

 .cardList {
    display: flex;
    flex-wrap: wrap;
    .card {
      width: 33.3%;
      .content {
        width: 220rpx;
        height: 260rpx;
        margin: 0 auto;
        position: relative;
		}
	}
}

补充

如果总共5个一行三个，然后又设置了space-between如下图 会导致第二行跑到左右两边，,怎么才能像列表一样靠左依次，而且还能居中？

• 靠左依次
  子item宽度仍然是33,3，space-between 换成start。
• 仍然居中
  在33,3宽度的子item里面写东西，然后margin:0 auto 居中