Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style FlexFlow недвижимость

Стиль Ссылка на объект Стиль Объекты

примеров

Гибкий проект, чтобы сделать отображаемые столбцы, а не расщепляется столбцы:

document.getElementById("main").style.flexFlow="column nowrap";

Попробуйте »

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

FlexFlow свойство является обобщающим flexDirection свойство и свойства flexWrap.

Атрибут flexDirection определяет направление гибкого проекта.

Атрибут flexWrap определяет гибкий проект делится строка или столбец раскола.

Примечание: Если элемент не гибкие элементы, FlexFlow свойство не работает.


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera и Chrome поддерживают свойство FlexFlow.


грамматика

Назад FlexFlow свойства:

object .style.flexFlow

Настройка свойств FlexFlow:

object .style.flexFlow="flex-directionflex-wrap |initial|inherit"

Значение свойства

描述
flex-direction 可能的值:

row
row-reverse
column
column-reverse
initial
inherit

默认值是 "row"。

规定灵活项目的方向。

flex-wrap 可能的值:

nowrap
wrap
wrap-reverse
initial
inherit

默认值是 "nowrap"。

规定灵活项目是否拆行或拆列。

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

технические детали

По умолчанию: строка Nowrap
Возвращает: Строка, представляющая свойства флекс-потока элемента.
версия CSS CSS3


Статьи по Теме

CSS Справочное руководство: Свойства Flex-Flow

HTML DOM СТАЙЛ Справка: Flex Properties

HTML DOM СТИЛЬ Ссылка: flexBasis недвижимость

HTML DOM СТИЛЬ Ссылка: flexDirection недвижимость

HTML DOM СТИЛЬ Ссылка: flexGrow недвижимость

HTML DOM СТИЛЬ Ссылка: flexShrink недвижимость

HTML DOM СТИЛЬ Ссылка: flexWrap недвижимость


Стиль Ссылка на объект Стиль Объекты