HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

flex-wrap

Description

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

1 · nowrap

2 · wrap

3 · wrap-reverse

4 · JS