简体中文
简体中文
# flex-flow
CSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
flex-flow: <'flex-direction'> || <'flex-wrap'>;
# flex-flow 的属性值
column
主轴为垂直方向，起点在上沿。
column-reverse
主轴为垂直方向（与column相同），起点在下沿（与column相反）。
row
主轴为水平方向，起点在左端。
row-reverse
主轴为水平方向（与row相同），起点在右端（与row相反）。
nowrap
不换行。
wrap
换行，第一行在上方。
wrap-reverse
换行（与wrap相同），第一行在下方（与wrap相反）。
# 适用组件
# 兼容性
# flex-flow 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| column | 3.9 | 4.11 | 4.0 |
| column-reverse | 3.9 | 4.11 | 4.0 |
| row | 3.9 | 4.11 | 4.0 |
| row-reverse | 3.9 | 4.11 | 4.0 |
| 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-flow | √（ 29 ） | √（ 12 ） | √（ 28 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |
