пример
Сделайте гибкий дисплей пунктов в колонках, а не упаковка:
document.getElementById("main").style.flexFlow = "column nowrap";
Попробуй сам " Определение и использование
FlexFlow свойство является сокращенным свойством для flexDirection и свойств flexWrap.
Свойство flexDirection определяет направление гибких элементов.
Свойство flexWrap указывает, следует ли гибкие элементы переноситься или нет.
Note: Если элементы не являются гибкими элементами, то FlexFlow свойство не имеет никакого эффекта.
Поддержка браузеров
FlexFlow свойство поддерживается в IE10 +, Firefox, Opera и Chrome.
Примечание: Safari 6.1+ поддерживает альтернативу, свойство WebkitFlexFlow.
Синтаксис
Возвращение FlexFlow недвижимости:
object .style.flexFlow
Установите FlexFlow свойства:
object .style.flexFlow=" Значения свойств Стоимость Описание flex-direction Возможные значения:
ряд
рядного обратный
колонка
колонка с обращенной
начальная
унаследовать Значение по умолчанию "row" .
Указание направления гибких элементов
flex-wrap Возможные значения:
Nowrap
заворачивать
наматывается обратный
начальная
унаследовать Значение по умолчанию "nowrap" .
Указание, следует ли гибкие элементы переноситься или нет
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: строка Nowrap Возвращаемое значение: Строка, представляющая свойство гибкого потока элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: flex-flow property
HTML DOM СТАЙЛ Справка: flex property
HTML DOM СТИЛЬ Ссылка: flexBasis property
HTML DOM СТИЛЬ Ссылка: flexDirection property
HTML DOM СТИЛЬ Ссылка: flexGrow property
HTML DOM СТИЛЬ Ссылка: flexShrink property
HTML DOM СТИЛЬ Ссылка: flexWrap property
<Style Object