The CSS flex-wrap property is used to specify whether flex items are forced into a single line or wrapped onto multiple lines. The flex-wrap property allows enabling the control direction in which lines are stacked. It is used to designate a single line or multi-line format to flex items inside the flex container.
The flex-wrap property specifies whether the flexible items should wrap or not.
The flex-wrap property is a sub-property of the Flexible Box Layout module. It defines whether the flex items are forced in a single line or can be flowed into multiple lines. If set to multiple lines, it also defines the cross-axis which determines the direction new lines are stacked in.
Note: If the elements are not flexible items, the flex-wrap
property has no effect.
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
Supported Browsers: