CSS flex-flow Property


The flex-flow property is a sub-property of the flexible box layout module, as well as a shortcut for flex-wrap and flex-direction.

Syntax

Example

Preview

Property Values

Value Description
flex-direction Possible values: row, row-reverse, column, column-reverse, initial inherit Default value is "row". Specifying the direction of the flexible items.
flex-wrap Possible values: nowrap, wrap, wrap-reverse, initial, inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
flex-flow 29.0   
21.0 -webkit-
28.0   
18.0 -moz-
9.0   
6.1 -webkit-
11.0 17.0