flex怎么设置每行固定放4个元素,下面编程教程网小编给大家简单介绍一下具体实现代码!
css代码如下:
.container {
display: flex;
flex-wrap: wrap;
}
.container li {
flex-basis: calc(25% - 10px); //每个元素打宽度减去间隔宽度
margin: 5px;
}
以上是编程学习网小编为您介绍的“flex怎么设置一行固定放几个”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:flex怎么设置一行固定放几个
基础教程推荐
猜你喜欢
- javascript中常见的六种报错解析 2022-12-09
- jQuery实现图片与文字描述左右滑动自动切换的方法 2024-03-12
- 微信小程序实战之自定义模态弹窗(8) 2024-01-07
- iframe实现与父页面跨域隔离的JavaScript 代码沙箱 2023-07-10
- 一款css实现的鼠标经过按钮的特效 2024-01-25
- JavaScript CSS修改学习第二章 样式 2023-12-22
- 《CSS3实战》笔记--渐变设计(二) 2022-11-13
- JS实现轮播图小案例 2023-08-08
- vue同组件之间进行数据共享和方法调用介绍 2025-01-15
- javascript – 在Windows Phone 8 HTML5应用程序中禁用浏览器橡皮筋效果? 2023-10-29