Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style flexFlow Property

<Style Object

пример

Сделайте гибкий дисплей пунктов в колонках, а не упаковка:

document.getElementById("main").style.flexFlow = "column nowrap";
Попробуй сам "

Определение и использование

FlexFlow свойство является сокращенным свойством для flexDirection и свойств flexWrap.

Свойство flexDirection определяет направление гибких элементов.

Свойство flexWrap указывает, следует ли гибкие элементы переноситься или нет.

Note: Если элементы не являются гибкими элементами, то FlexFlow свойство не имеет никакого эффекта.


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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