关键属性

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 居中

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。