flex布局: 一行显示固定个数,强制换行且均匀分布

在这里插入图片描述
如图需求:

1. 一行显示3个
2. 强制换行
3. 宽度不写死
4. 高度固定

– html

1 2 3 4 5 6 7 8 9 ---css .mycards{ // 大盒子 width: 98%; display: flex; flex-wrap: wrap; justify-content: space-between; } .card_item{ // 每个item flex: 1; width: 33.3%; min-width: 33.3%; // 加入这两个后每个item的宽度就生效了 max-width: 33.3%; // 加入这两个后每个item的宽度就生效了 height: 350px; }