flex-flow
Поддержка браузерами
11.0+ | 28.0+ | 29.0+ | 17.0+ | 9.0+ |
Описание
CSS свойство flex-flow позволяет задать значения свойств flex-direction и flex-wrap в одном месте. То есть свойство flex-flow контролирует сразу и направление расположения flex-элементов и перенос.
Примечание: если элемент не является flex-контейнером (display: flex), свойство flex-flow будет проигнорировано.
Значение по умолчанию: | row nowrap |
---|---|
Применяется: | к flex-контейнерам |
Анимируется: | нет |
Наследуется: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.flexFlow="column nowrap"; |
Синтаксис
flex-flow: flex-direction flex-wrap;
Значения свойства
Значение | Описание |
---|---|
flex-direction | Возможные значения:
|
flex-wrap | Возможные значения:
|
Пример
CSS Свойство:
flex-flow:
Результат:
1
2
3
4
5
CSS Код:
#main {
width: 200px;
height: 200px;
border: 1px solid black;
display: flex;
flex-flow: row nowrap;
}
width: 200px;
height: 200px;
border: 1px solid black;
display: flex;
flex-flow: row nowrap;
}