CSS-свойство flex-flow является кратким свойством для одновременной установки отдельных свойств flex-direction и flex-wrap.

Значение по умолчанию: row nowrap
Применяется к: Flex-контейнеры
Наследование: Нет
Анимирование: Нет. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

Примеры написания кода свойства flex-flow:

.flex-container {
    /* Safari */
    display: -webkit-flex;
    -webkit-flex-flow: row-reverse wrap;
    /* Standard syntax */
    display: flex;
    flex-flow: row-reverse wrap;
}

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

В следующей таблице описаны значения этого свойства.

Значение Описание
flex-direction Определяет, как flex-элементы помещаются во flex-контейнер.
flex-wrap Определяет, должны ли гибкие элементы оборачиваться или нет.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента flex-flow.

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

Свойство flex-flow поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.