HTML-DOM Stil flexDirection Eigenschaft
Beispiele
Neuordnen der inneren <div> Element in Richtung flexible Projekt:
document.getElementById("main").style.flexDirection="column-reverse";
Versuchen »
Definition und Verwendung
flexDirection Eigenschaftssätze oder gibt die Richtung flexible Projekt.
Hinweis: Wenn dasElement nicht flexible Elemente ist, wird flexDirection Eigenschaft nicht.
Browser-Unterstützung
Firefox, Opera und Chrome unterstützen flexDirection Eigenschaft.
Grammatik
Zurück flexDirection Eigenschaften:
object .style.flexDirection
Einstellen flexDirection Eigenschaften:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Eigenschaft Wert
值 | 描述 |
---|---|
row | 默认值。灵活的项目将水平显示,正如一个行一样。 |
row-reverse | 与 row 相同,但是以相反的顺序。 |
column | 灵活的项目将垂直显示,正如一个列一样。 |
column-reverse | 与 column 相同,但是以相反的顺序。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Technische Details
Standard: | Reihe |
---|---|
Rückkehr: | String für die Flex-Richtung Eigenschaftselement. |
CSS-Version | CSS3 |
In Verbindung stehende Artikel
CSS - Referenzhandbuch: Flex-direction - Eigenschaft
HTML - DOM - ART - Referenz: Flex - Eigenschaften
HTML - DOM - ART - Referenz: flexBasis Eigenschaft
HTML - DOM - ART - Referenz: Flexflow - Eigenschaft
HTML - DOM - ART - Referenz: flexGrow Eigenschaft
HTML - DOM - ART - Referenz: flexShrink Eigenschaft
HTML - DOM - ART - Referenz: flexWrap Eigenschaft