Html 使用具有相同单元大小的flex的响应网格

我有以下html代码： 我想让所有的细胞都有反应

这个例子很好，但是…我希望在调整浏览器大小时所有单元格都相等

在本例中，有5个单元格占据了所有contaier 4徽标和1文本

第二行的最后2个单元格不等于占用整行的2个单元格。我希望与第一行的大小相同，这意味着：单元格空间为空

使用flex:1是否可以实现这一点

flex: 1

---

我希望我能说清楚：

您可以使用ghost元素来实现这一点：

.持卡人{ 显示器：flex； 柔性流：行换行； } .包裹{ 弹性：1； 最小宽度：200px； } .卡片{ 边缘：.5em； 最小宽度：200px； 高度：112px； 背景色：fff； 边界半径：4px； 盒影：0 2px 6px rgba0,0,0,0.1； 过渡：全部.25秒缓解； 动画：填充。5秒后放松正常； 显示器：flex； 对齐项目：居中； 证明内容：中心； } .卡img{ 最大高度：95px； } .卡：悬停{ 变换：scale1.05； z指数：1； 盒影：0 5px12px rgba0,0,0,0.2； }

---

这里有一个类似的问题：到JSFIDLE的链接必须附带问题中的代码，请不要忽略规则，当然不是，如果你调整了它们的大小，它们必须填充它们必须调整大小的空间。如果这不是您所期望的，请告诉我：期望的行为是什么？@calin24使用ghost元素添加了另一个答案；在原始小提琴中使用此代码：。持卡人：在{content:；flex:1；margin:.5em；}之后，它部分地执行以下操作：