flex-wrap子元素是否换行

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

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

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

相关推荐
chinahcp20083 小时前
CSS保持元素宽高比,固定元素宽高比
前端·css·html·css3·html5
gnip3 小时前
浏览器跨标签页通信方案详解
前端·javascript
gnip4 小时前
运行时模块批量导入
前端·javascript
逆风优雅4 小时前
vue实现模拟 ai 对话功能
前端·javascript·html
不羁。。5 小时前
【web站点安全开发】任务3:网页开发的骨架HTML与美容术CSS
前端·css·html
这是个栗子5 小时前
【问题解决】Vue调试工具Vue Devtools插件安装后不显示
前端·javascript·vue.js
姑苏洛言5 小时前
待办事项小程序开发
前端·javascript
Warren987 小时前
公司项目用户密码加密方案推荐(兼顾安全、可靠与通用性)
java·开发语言·前端·javascript·vue.js·python·安全
1024小神9 小时前
vue3 + vite项目,如果在build的时候对代码加密混淆
前端·javascript