flex怎么设置一行固定放几个

flex怎么设置每行固定放4个元素，下面编程教程网小编给大家简单介绍一下具体实现代码！

css代码如下：

.container {
  display: flex;
  flex-wrap: wrap;
}
 
.container li {
  flex-basis: calc(25% - 10px); //每个元素打宽度减去间隔宽度
  margin: 5px;
}

以上是编程学习网小编为您介绍的“flex怎么设置一行固定放几个”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。