flex怎么设置每行固定放4个元素,下面编程教程网小编给大家简单介绍一下具体实现代码!
css代码如下:
.container {
display: flex;
flex-wrap: wrap;
}
.container li {
flex-basis: calc(25% - 10px); //每个元素打宽度减去间隔宽度
margin: 5px;
}
以上是编程学习网小编为您介绍的“flex怎么设置一行固定放几个”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:flex怎么设置一行固定放几个
基础教程推荐
猜你喜欢
- JavaScript数据类型的存储方法详解 2024-03-08
- HTML基础知识总结 2022-11-23
- 我如何用innerhtml中的ajax和php更新mysql数据库 2023-10-26
- cookie的secure属性详解 2024-02-10
- 微信小程序:数据存储、传值、取值详解 2023-12-13
- Jquery AutoComplete自动完成 的使用方法实例 2024-01-16
- java – HTML页面未连接到数据库 2023-10-25
- Ajax犯的错误处理方法 2023-01-21
- 对于一些css样式的巧妙方法进行总结(推荐) 2024-01-08
- 简易日历(innerHTML) 2023-10-26
