flex-wrap

The flex-wrap CSS 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)

Home Menu