English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство flex-flow CSS предназначено для одновременного установленияflex-directionиflex-wrapКраткие имена свойств.
В таблице приведены примеры использования и история версий этого свойства, а также синтаксис использования свойства в скриптах на JavaScript.
| Значение по умолчанию: | row nowrap; Просмотреть все свойства |
|---|---|
| Применяется к: | Эластичный контейнер |
| Инheritance: | Нет |
| Анимировано: | Нет.См. также Анимационные свойства. |
| Версия: | Новые возможности CSS3 |
| JavaScript синтаксис: | объект.style.flexFlow="column nowrap" |
Синтаксис этого свойства такой:
Синтаксис свойства flex-flow: [ flex-direction flex-wrap ] | initial | inherit
Ниже приведен пример того, как использовать свойство flex-flow.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-flex-flow: row-reverse wrap;
display: flex;
flex-flow: row-reverse wrap;
}Проверьте, < / >В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| flex-direction | Указать способ размещения эластичного элемента в эластичном контейнере. |
| flex-wrap | Указать, будет ли гибкий элемент разбиваться на строки или столбцы. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства flex-flow родительского элемента. |
Совместимость браузеров для свойства flex-flow, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Узнайте больше из следующих руководств:CSS3 многостраничное выравнивание.
Связанные свойства:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.