Вы здесь

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;
}