css中的flex-wrap属性怎么用

这篇文章主要为大家展示了“css中的flex-wrap属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的flex-wrap属性怎么用”这篇文章吧。
　　flex-wrap 属性
　　flex-wrap 属性用于指定弹性盒子的子元素换行方式。
　　语法
　　flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
　　各个值解析:
　　nowrap – 默认，弹性容器为单行。该情况下弹性子项可能会溢出容器。
　　wrap – 弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行
　　wrap-reverse -反转 wrap 排列。
　　以下实例演示了 nowrap 的使用:
　　实例
　　.flex-container {
　　display: -webkit-flex;
　　display: flex;
　　-webkit-flex-wrap: nowrap;
　　flex-wrap: nowrap;
　　width: 300px;
　　height: 250px;
　　background-color: lightgrey;
　　}
　　以下实例演示了 wrap 的使用:
　　实例
　　.flex-container {
　　display: -webkit-fle免费云主机域名x;
　　display: flex;
　　-webkit-flex-wrap: wrap;
　　flex-wrap: wrap;
　　width: 300px;
　　height: 250px;
　　background-color: lightgrey;
　　}
　　以下实例演示了 wrap-reverse 的使用:
　　实例
　　.flex-container {
　　display: -webkit-flex;
　　display: flex;
　　-webkit-flex-wrap: wrap-reverse;
　　flex-wrap: wrap-reverse;
　　width: 300px;
　　height: 250px;
　　background-color: lightgrey;
　　}以上是“css中的flex-wrap属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！

相关推荐: 微信小程序该怎么赚钱

这篇文章给大家分享的是有关微信小程序该怎么赚钱的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。　　1、内容电商　　在公众号推文中嵌入小程序码，用户扫描后立刻进入购买支付界面，购买公众号运营者自营或代为推广的品牌。　　小程序码已经…