css实现flex布局自动换行

ID:16020 / 打印

如何让flex布局让超出宽度的子元素自动换行?

 父级div设置了display:flex,子元素的总宽度超过父元素的宽度之后,所有子元素的width都失效了,变成了平分父元素的宽度(类似flex=1)。

解决:给父元素加上flex-flow:row wrap 之后就可以让子元素保持设置的宽度并且换行

上一篇: flex和传统方式实现左右两栏式
下一篇: css九宫格布局的五种方法

作者:admin @ 24资源网   2024-10-30

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。