flex-wrap子元素是否换行

flex-wrap设置子元素是否换行,默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,flex布局中默认是不换行的。

1、div的宽度是600px,每个span的宽度是150px,总共有5个,设置为flex布局之后,会自动缩小每个span的宽度。这是因为flex-wrap默认的值是nowrap,不换行

2、flex-wrap: wrap;一行放不下的时候,剩余的内容换行展示

相关推荐
Hilaku8 小时前
npm scripts的高级玩法:pre、post和--,你真的会用吗?
前端·javascript·vue.js
mCell9 小时前
React 如何处理高频的实时数据?
前端·javascript·react.js
随笔记9 小时前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
百***35519 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
少卿10 小时前
PerformanceObserver 性能条目类型(Entry Types)
前端·javascript
进击的野人10 小时前
防抖与节流:优化前端性能的两种关键技术
前端·javascript
小高00710 小时前
别再滥用 Base64 了——Blob 才是前端减负的正确姿势
前端·javascript·面试
黑羽同学10 小时前
Fix: 修复AI聊天输入框Safari回车发送bug
前端·javascript·dom
进击的野人10 小时前
JavaScript原型与原型链:深入理解面向对象编程的基石
前端·javascript·面试
OlahOlah10 小时前
解决 JavaScript Number 精度问题:处理超大 Long 类型 ID
javascript