Latest web development tutorials

propriété HTML DOM style FlexFlow

Style de Object Reference style Objets

Exemples

projet flexible pour faire des colonnes diviser les colonnes affichées, et non pas:

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

Essayez »

Définition et utilisation

la propriété FlexFlow est un flexDirection de propriété raccourcie et les propriétés flexWrap.

attribut flexDirection spécifie la direction du projet flexible.

attribut flexWrap spécifie projet flexible est divisée ligne ou une colonne divisée.

Remarque: Si l'élémentest pas d' éléments flexibles, la propriété FlexFlow ne fonctionne pas.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera et Chrome supportent la propriété FlexFlow.


grammaire

Retour propriétés FlexFlow:

object .style.flexFlow

Définition des propriétés FlexFlow:

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

Valeur de la propriété

描述
flex-direction 可能的值:

row
row-reverse
column
column-reverse
initial
inherit

默认值是 "row"。

规定灵活项目的方向。

flex-wrap 可能的值:

nowrap
wrap
wrap-reverse
initial
inherit

默认值是 "nowrap"。

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

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

détails techniques

Par défaut: ligne nowrap
Retours: Chaîne représentant les propriétés flex-écoulement de l'élément.
CSS version CSS3


articles connexes

CSS Manuel de référence: Propriétés Flex-Flow

HTML DOM STYLE Référence: Propriétés Flex

HTML DOM STYLE Référence: propriété flexBasis

HTML DOM STYLE Référence: propriété flexDirection

HTML DOM STYLE Référence: propriété flexGrow

HTML DOM STYLE Référence: propriété flexShrink

HTML DOM STYLE Référence: propriété flexWrap


Style de Object Reference style Objets