flex-wrap子元素是否换行

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

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

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

相关推荐
尾善爱看海7 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
李明卫杭州11 小时前
React 复合事件系统对比解析
前端·javascript·react.js
LEE13 小时前
前端转型全栈 01:数据建模,前端最大的盲区
前端·javascript·后端
雪芽蓝域zzs13 小时前
第四十七节:驾驶舱大屏 ECharts 图表集成
前端·javascript·vue.js
梦醒沉醉14 小时前
7、表达日期和时间(前朝遗老Date)
javascript
雪芽蓝域zzs14 小时前
第四十九节:TagsView 右键菜单(带三角箭头)给每个 tag 增加**鼠标右键菜单**(右键标签弹出:关闭、关闭其他、关闭全部)
前端·javascript·vue.js
এ慕ོ冬℘゜15 小时前
从零开发移动端医院挂号页面:适配、交互与前端实现详解
前端·javascript
宁渡AI大模型15 小时前
AI 全栈面试新趋势:Vibe Coding、前端、Java 后端高频面试题深度解析|河南宁渡科技有限公司编程教程
java·javascript·人工智能·python·ai大模型
东风微鸣15 小时前
AI依赖更新别裸奔🚨
javascript
研☆香15 小时前
echarts图表的使用方法
javascript