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

2024年08月28日 建站教程

flex怎么设置每行固定放4个元素,下面web建站小编给大家简单介绍一下具体实现代码!

css代码如下:

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

本文链接:http://so.lmcjl.com/news/11590/

展开阅读全文
相关内容