CSS flex-wrap Property

Сделайте гибкие элементы переноситься, если necesarry:

div {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}

Определение и использование

Свойство флекс-обертка определяет, должен ли гибкие элементы переноситься или нет.

Note: Если элементы не являются гибкими элементы, свойство флекс-пленка не имеет никакого эффекта.

Значение по умолчанию:	nowrap
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.flexWrap="nowrap" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.

Имущество
flex-wrap	29,0 21,0 -webkit-	11,0	28,0 18,0 -moz-	9.0 6.1 -webkit-	17,0

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Стоимость	Описание	Сыграй
nowrap	Значение по умолчанию. Указывает, что гибкие элементы не будут заворачивать	Сыграй "
wrap	Указывает, что гибкие элементы будут завернуть в случае необходимости	Сыграй "
wrap-reverse	Указывает, что гибкие элементы будут завернуть, если это необходимо, в обратном порядке	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать