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


基础教程推荐
猜你喜欢
- js关闭当前页面(窗口)的几种方式总结 2024-01-06
- vuejs中v-for和v-if同级显示红线警告(或报错) 2024-12-07
- AjaxSubmit()提交file文件 2023-01-31
- JS写XSS cookie stealer来窃取密码的步骤详解 2024-01-29
- vue $router和$route的区别详解 2024-02-12
- Spring Boot 系列:Vue+Sping Boot +WebSocket实现前后端消息推送 2023-10-08
- Vue.filter函数的用法及如何实现数据过滤 2025-01-11
- vue跳转页面的几种方法(推荐) 2024-03-09
- div的offsetLeft与style.left区别 2022-11-16
- layui数据表格搜索 2022-12-16