Menu
Samaritan's Purse

FLEX-WRAP

The flex-wrap property controls whether the flex container is single-line or multi-line and the direction of the cross-axis which determines the direction new lines are stacked in.

SYNTAX

CSS

flex-wrap: value;

JS

object.style.flexWrap = "value";

VALUES

<'flex-wrap'> = nowrap | wrap | wrap-reverse

Controls whether the flex container is single-line or multi-line and the direction of the cross-axis which determines the direction new lines are stacked in.

nowrap

The flex container is single-line.

wrap

The flex container is multi-line.

wrap-reverse

The same as wrap except the cross-start and cross-end directions are swapped.

INITIAL

nowrap

EXAMPLES

NOWRAP

WRAP

WRAP-REVERSE

JS

INTERNAL

flex-direction

flex-flow

EXTERNAL

World Wide Web Consortium (W3C)