flex-wrap

CSS 的 flex-wrap 属性指定 flex 元素单行显示还是多行显示。如果允许换行，这个属性允许你控制行的堆叠方向。

语法

flex-wrap: nowrap | wrap | wrap-reverse;

属性值

nowrap flex 的元素被摆放到到一行，这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。

wrap 换行，第一行在上方。

wrap-reverse 换行（与wrap相同），第一行在下方（与wrap相反）。

默认值

平台	默认值
app-uvue	nowrap
web	nowrap

适用组件

• view
• scroll-view
• list-view
• list-item
• swiper-item
• navigator

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
flex-wrap	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference