flex-wrap子元素是否换行

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

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

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

相关推荐
Luna-player5 分钟前
Vue 3 + Vue Router 的路由配置,简单示例
前端·javascript·vue.js
xiaotao13113 分钟前
03. 原子化 CSS 思想
前端·css·tailwind
敲代码的约德尔人16 分钟前
JavaScript 设计模式完全指南
javascript·设计模式
angerdream19 分钟前
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
javascript·vue.js
爱宇阳1 小时前
Nuxt4 + Tailwind CSS v4 自定义响应式断点完整指南
前端·css·nuxt4
~欲买桂花同载酒~1 小时前
项目优化-vite打包优化
前端·javascript·vue.js
kyriewen1 小时前
JavaScript 继承的七种姿势:从“原型链”到“class”的进化史
前端·javascript·ecmascript 6
wangfpp2 小时前
性能优化,请先停手:为什么我劝你别上来就搞优化?
前端·javascript·面试
三旬82 小时前
Day.js 源码深度剖析:极简时间库的设计艺术
javascript