Search within TutorialsPark

CSS3 flex-wrap Property


To specify whether child elements can be forced into single lines or multiple lines


Definition and Notes.

1. The CSS3 flex-wrap property is to control whether the containers allow multiple rows or columns.

2. Also, its used to affect the direction of the cross-axis using the value wrap-reverse.


Syntax:

CSS flex-wrap property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- Wrap-reverse value makes the cross-axis run in direction opposite of wrap.

Property Values

Value Description
nowrap To create a single row or column. Its the default value
wrap To allow multiple rows or columns
wrap-reverse The direction of cross axis is reverse from that of wrap

Specifications

Specs Value
Name flex-wrap
Value nowrap | wrap | wrap-reverse
Initial Value nowrap
Applies to flex containers
Javascript syntax object.style.flexWrap="wrap"
Inherited No
Computed Value Same as declared value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.