flex怎么设置每行固定放4个元素,下面编程教程网小编给大家简单介绍一下具体实现代码!
css代码如下:
.container {
display: flex;
flex-wrap: wrap;
}
.container li {
flex-basis: calc(25% - 10px); //每个元素打宽度减去间隔宽度
margin: 5px;
}
以上是编程学习网小编为您介绍的“flex怎么设置一行固定放几个”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:flex怎么设置一行固定放几个


猜你喜欢
- css实现“加号”效果的实例代码 2024-01-03
- ajax实现无刷新上传文件功能 2023-02-14
- JS中对Cookie的操作详解 2024-02-13
- 爬取今日头条Ajax请求 2023-02-23
- Vue自学之路2-vue初探 2023-10-08
- position:sticky 粘性定位的几种巧妙应用详解 2023-12-14
- iframe子页面与父页面在同域或不同域下的js通信 2024-01-15
- 如何使用html5与css3完成google涂鸦动画 2024-02-21
- vue-router的index.js文件配置参数 2023-10-08
- 微信小程序实现商品分类页过程结束 2023-07-09