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