flex弹性布局详细教程-08容器属性flex-wrap
flex-wrap属性用于设置容器内项目是否自动换行。若设置了flex-wrap为wrap,项目将不会缩小,而是自动换行。
举例说明,假设有一个div容器,宽度为450px,容器内包含5个div项目,每个项目的flex-basis为120px。
如果设置flex-wrap为wrap,则项目不会缩小,而是自动换行。
具体效果如下所示:每个项目为120px宽,这次没有缩小,而是自动换行。
思考问题:若设置flex-wrap为wrap-reverse会怎样?
若在box上设置属性flex-direction为column,项目将进行换行,顺序从下开始,这就是reverse的含义。
总结:使用flex-wrap属性能有效控制容器内项目的布局,实现自动换行,提高布局的灵活性。
多重随机标签
关岭村新农村建设 草莓蛋糕怎么做可爱又好吃 婚庆公司订单已排到2025年释放了哪些信号 计算机技术与软件专业技术资格考哪些专业 婴儿总裁是什么电影 宝宝过百岁是怎样的 兰州销售oa办公系统 济阳县有哪些小区 安庆大有时空科技是骗子吗 太原市小店区有哪些路 分别被两个人都申请外观专利 在濮阳旅行有哪些不能错过的特色美食 饭店门头怎样装修才好 编程是学些什么东西 微信公众号在线下单怎么弄 东莞有哪些建筑公司 怎么优化一个游戏里的3d模型 个人总结和心得体会有什么区别 大庆建设中专毕业证联网吗 revit安装插件在哪里找 南京瑞科翻译公司南京瑞科翻译公司简介 绛帐镇的其他 秦皇岛哪里有古镇景点河北十大最美古镇 颜色表怎么看 传统企业的电子商务升级转型是一项怎样的工作呢 极光粉美甲制作教程 山东汇智工程设计有限公司入驻大青岛 科艺影音怎么样 给民宿写一条宣传语 什么是ip形象