↩ Flex Wrap

Control whether items are forced onto one line or can wrap.

The flexWrap property controls what happens when items don't fit in a single line along the main axis.

Values

ValueDescription
NoWrapDefault. All items are forced onto one line. They may shrink (if flexShrink is set) or overflow the container.
WrapItems wrap onto multiple lines if needed, from top to bottom.
WrapReverseItems wrap onto multiple lines, from bottom to top.

Example

Loading Preview…

Next Steps

© 2026 ByteLand Technology Limited