flex-flow

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

Syntax

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

Values

column The flex container’s main axis has the same orientation as the block axis of the current writing mode.

column-reverse Same as 'column', except the main-start and main-end directions are swapped.

row The flex container’s main axis has the same orientation as the inline axis of the current writing mode.

row-reverse Same as 'row', except the main-start and main-end directions are swapped.

nowrap The flex container is single-line.

wrap The flexbox is multi-line.

wrap-reverse Same as 'wrap', except the cross-start and cross-end directions are swapped.

Applicable components

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

Compatibility

uni-app compatibility

	Android version	Android uni-app	Android uni-app-x	iOS version	iOS uni-app	iOS uni-app-x
flex-flow	5.0	√	3.9+	9.0	√	-

See also

• MDN Reference
• Related Bug