CSS flex-flow Property

пример

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

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

Попробуй сам "

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

Свойство флекс-поток свойство является обобщающим для гибкого направлении и свойства Flex-обертке.

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

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

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

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

Поддержка браузеров

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

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

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

CSS Синтаксис

flex-flow:flex-directionflex-wrap |initial|inherit;

Значения свойств

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

CSS Справка