CSS flexflow Property (original) (raw)

CSS flex-flow Property

Last Updated : 26 Aug, 2024

The flex-flow property is a sub-property of the flexible box layout module and also a shorthand property for flex-wrap and flex-direction.

**Note:

The flex property is useless when the element is not a flexible item.

Syntax:

flex-flow: flex-direction flex-wrap;

Values of flex-flow property:

**row nowrap: It arranges the row the same as the text direction and the default value of wrap-flex is nowrap. It is used to specify that the item has no wrap. It makes item wrap in single lines. **Syntax:

flex-flow: row nowrap;

**Example:

html `

GeeksforGeeks

The flex-flow: row-reverse wrap-reverse

`

**Output:

**column wrap-reverse: It arrange the row same as row but top to bottom.and wrap-reverse property This property is used to reverse the flow of the flex items when they wrap to new lines. **Syntax:

flex-flow:column wrap-reverse;

**Example:

html `