Flex wrap property (flex-wrap)

The flex-wrap property describes whether the flexible items should wrap or not.

Syntax:

selector {

      flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit;

}

Values:

• nowrap - Default value. Declares no wrapping for the flexible item(s).
• wrap - Declares that the flexible item(s) will wrap (if necessary)
• wrap-reverse - Declares that the flexible item(s) will wrap (if necessary) in reverse order
• initial or inherit

Example

Example of flex-wrap property with nowrap and wrap values:

 

›› go to examples ››