CSS свойство flex-flow

Свойство flex-flow является сокращенной формой записи свойств flex-direction и flex-wrap и позволяет за одну декларацию задать направление главной оси и возможность переноса флекс-элементов на новую строку (т.е. многострочность поперечной оси). Значение по умолчанию "flex-flow: row nowrap;".

CSS синтаксис

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

Возможные значения

Значение	Описание
flex-direction	Устанавливает направление вывода флекс-элементов. Значение по умолчанию *row*.
flex-wrap	Устанавливает, могут ли флекс-элементы переноситься на новую строку или нет. Значение по умолчанию *nowrap*.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

Пример использования

Устанавливаем обратный порядок флекс-элементов и перенос на новую строку


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