Css 使弹性项扩展到一行的全宽，但在另一行中所有项的大小保持不变

所以基本上，我这里有一个联系人页面，在一张卡片里显示每个联系人的信息。它基本上是包含flex项的flex容器。我希望卡片扩展到第一行的全宽（桌面上一行5张卡片）。我已经做到了，但我想要的是所有的牌都是一样的宽度。例如，如果用户有7个联系人，前5张卡将很好地显示在第一行中，但后两张卡将扩展到第二行的全宽。有没有可能使这些卡片与其他卡片的宽度相同

。联系卡{
弹性：110；
}

它看起来像一个直接引导式布局。我从中复制了CSS

您可以通过设置

flex:0 0 16.66666 7%

和

max width:16.666 7%来调整行的宽度（以及相应的列数）设置为自定义值


.row{
显示器：flex；
柔性包装：包装；
}
.col-2{
宽度：100%；
弹性：016.666667%；
最大宽度：16.666667%；
}
/*演示*/
*，*：：之前，*：：之后{框大小：边框框}
.col-2{高度：80px；边框：1px红色实心}