css3如何利用flex
布局每行显示固定个数,下面编程教程网小编给大家介绍一下实现代码!
实现代码如下:
ul{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
li{
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 20%;
height: 70px;
font-size: 18px;
border-right: 1px solid #ddd;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
}
以上是编程学习网小编为您介绍的“flex布局每行显示固定个数”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:flex布局每行显示固定个数


猜你喜欢
- JS写XSS cookie stealer来窃取密码的步骤详解 2024-02-12
- JavaScript中Location.search处理使用方法 2023-12-23
- php – 将html(mysql填充)表导出为excel文件 2023-10-26
- CSS 鼠标样式和手指样式整理 2024-01-05
- 详解CSS3弹性伸缩盒 2024-01-04
- 浅谈js键盘事件全面控制 2023-12-23
- JavaScript中的异步能省掉await吗? 2023-08-12
- 再谈javascript 动态添加样式规则 W3C校检 2024-03-11
- vue项目地址上的#是哪来的?(前端路由的hash模式和history模式) 2023-10-08
- HTML+CSS实现导航条下拉菜单的示例代码 2022-09-21