简体中文
简体中文
# flex-wrap
CSS 的 flex-wrap 属性指定 flex 元素单行显示还是多行显示。如果允许换行，这个属性允许你控制行的堆叠方向。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
flex-wrap: nowrap | wrap | wrap-reverse;
# flex-wrap 的属性值
nowrap
flex 的元素被摆放到到一行，这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。
wrap
换行，第一行在上方。
wrap-reverse
和 wrap 的行为一样，但是 cross-start 和 cross-end 互换。
# 默认值
nowrap
# 适用组件
# 兼容性
# flex-wrap 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| nowrap | 3.9 | 4.11 | 4.0 |
| wrap | 3.9 | 4.11 | 4.0 |
| wrap-reverse | 3.9 | 4.11 | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| flex-wrap | √（ 29 ） | √（ 12 ） | √（ 28 ） | √（ 17 ） | √（ 9 ） | √（ 11 ） |
