Gets or sets a value that specifies whether and in which direction child elements wrap onto multiple lines or columns based on the space available in the object.
This property is read/write.
![]() ![]() |
Syntax
-ms-flex-wrap: none | wrap | wrap-reverse
Property values
One of the following values.
none-
Initial value. All child elements are displayed in a single row or column. The overflow property of the object determines whether the child elements are hidden, clipped, or scrollable.
wrap-
Child elements are wrapped and displayed in successive, parallel rows or columns. The object expands in height or width, perpendicular to the axis defined by the writing-mode property, to accommodate the additional rows or columns.
wrap-reverse-
Child elements are wrapped and displayed in successive, parallel rows or columns in reverse order. The object expands in height or width, perpendicular to the axis defined by the writing-mode property, to accommodate the additional rows or columns.
CSS information
| Applies To | flexbox elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | single |
Standards information
- Flexible Box Layout Module, Section 6.2
See also
Send comments about this topic to Microsoft
Build date: 11/29/2012

