flex-wrap CSS Property

The flex-wrap property controls whether flex items are forced onto a single line or allowed to wrap onto additional lines.

.container { flex-wrap: wrap; }

.container { display: flex; flex-wrap: wrap-reverse; }

nowrapThe default value. Single line — items may overflow.

wrapItems wrap onto additional lines in the cross axis.

wrap-reverseItems wrap in reverse cross-axis direction.

CSS Flexible Box Layout Module Level 1

Editor's Draft

CSS 1

CSS 2

CSS 3

CSS 4

CSS 5

Show all code