Search within TutorialsPark

CSS3 flex-flow Property

To specify both flex-direction and flex-wrap

Definition and Notes.

1. The CSS3 flex-wrap property is a shorthand to set both flex-direction and flex-wrap in a single declaration.


CSS flex-flow property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- Wrap-reverse value makes the cross-axis run in direction opposite of wrap.

Property Values

Value Description
<flex-direction> To specify the main-axis and how the items are laid out(i.e rows or columns)
<flex-wrap> To control whether the containers allow multiple rows or columns


Specs Value
Name flex-flow
Value <flex-direction> || <flex-wrap>
Initial Value see Individual Properties
Applies to flex containers
Javascript syntax" column wrap"
Inherited No
Computed Value Same as declared value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.