位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > flex-wrap如何换行
阅读(22555525)      收藏       赞(5685)      分享
上一篇: flex-direction项目的排列方向 下一篇: flex-flow

默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。

image.png


.box{
     flex-wrap: nowrap | wrap | wrap-reverse;
}

l  nowrap(默认):不换行。

image.png

l  wrap:换行,第一行在上方。

image.png

l  wrap-reverse:换行,第一行在下方。

image.png



上一篇: flex-direction项目的排列方向 下一篇: flex-flow
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)