flex-flow

CSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。

语法

flex-flow: <'flex-direction'> || <'flex-wrap'>;

属性值

column 主轴为垂直方向，起点在上沿。

column-reverse 主轴为垂直方向（与column相同），起点在下沿（与column相反）。

row 主轴为水平方向，起点在左端。

row-reverse 主轴为水平方向（与row相同），起点在右端（与row相反）。

nowrap 不换行。

wrap 换行，第一行在上方。

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

适用组件

• 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-flow	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference