CSS3flexbox布局一行最多3个子项

在将下一个子元素推送到新行之前,CSS中的一种简单方法是在同一行上具有固定的最大子项吗？

据我了解flexbox,如果子项目在其上方的线上有足够的可用空间,则只会将其推送到新行.但是我正在寻找一个CSS规则或函数,让我说" 我想在任何给定的行上最多有3个子项,即使空间可用于第4个,也可以将它推到新行 ".

使用flex-basis.

.child {
flex-basis: 33%;
}

必须根据您的盒子大小模型以及边距和/或填充的使用来调整百分比.