flex-wrap子元素是否换行

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

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

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

相关推荐
吃饭睡觉打豆豆嘛8 小时前
深入剖析 Promise 实现:从原理到手写完整实现
前端·javascript
Spider_Man8 小时前
从 “不会迭代” 到 “面试加分”:JS 迭代器现场教学
前端·javascript·面试
我的写法有点潮8 小时前
最全Scss语法,赶紧收藏起来吧
前端·css
小高0078 小时前
🧙‍♂️ 老司机私藏清单:从“记事本”到“旗舰 IDE”,我只装了这 12 个插件
前端·javascript·vue.js
Mo_jon8 小时前
css 遮盖滚动条,鼠标移上显示
前端·css
EveryPossible9 小时前
终止异步操作
前端·javascript·vue.js
Stringzhua9 小时前
setup函数相关【3】
前端·javascript·vue.js
neon12049 小时前
解决Vue Canvas组件在高DPR屏幕上的绘制偏移和区域缩放问题
前端·javascript·vue.js·canva可画
Sammyyyyy9 小时前
Node.js 做 Web 后端优势为什么这么大?
开发语言·前端·javascript·后端·node.js·servbay
Bling_Bling_110 小时前
面试常考:js中 Map和 Object 的区别
开发语言·前端·javascript