CSS flex-wrap property

Description

CSS flex-wrap determines whether the content flows across one line or multiple lines and direction of cross-axis. The cross-axis determines the direction in which new lines are stacked in.

Syntax

flex-wrap : nowrap | wrap | wrap-reverse

Property values

nowrapDefault

The content flows across one line within flex-container.

flex-wrap: nowrap;

wrap

The content flows across multiple lines within flex-container.

flex-wrap: wrap;

wrap-reverse

The content flows across multiple lines and the lines are stacked in reverse order i.e. the cross-axis is reversed.

flex-wrap: wrap-reverse;

Applicable to

It applies to flex containers.

#CSS digger
Was this article helpful?

 

#First 1

#Second 2

#Third 3

×

Ctrl+D