Stellen Sie die Richtung der Flexbox-Elemente innerhalb des
-Elements in umgekehrter Reihenfolge ein:
p { display:flex; flex-direction:row-reverse; }
Effektvorschau
Die Zahl in der Tabelle gibt die erste an, die das Attribut unterstützt Die Versionsnummer des Browsers.
Die Nummer unmittelbar nach -webkit-, -ms- oder -moz- ist die erste Version, die dieses Präfixattribut unterstützt.
属性 | |||||
---|---|---|---|---|---|
flex-direction | 29.0 21.0 -webkit- |
11.0 10.0 -ms- |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Die Flex-Direction-Eigenschaft gibt die Richtung eines Flex-Elements an.
Hinweis: Die Flex-Direction-Eigenschaft hat keine Auswirkung, wenn das Element kein Element des FlexboxObjekts ist.
row | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Inherit
|
CanAnimation: | Nr. Weitere Informationen finden Sie unter SS3-Animationseigenschaften, CSS3-Animation Beispiele. | |||||||||||
Version: | JavaScript Syntax: | object.style.flexDirection="column-reverse" Effektvorschau |
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
Wert | Beschreibung | Instanz |
---|---|---|
Zeile | Standardwert. Flexible Elemente werden horizontal als Reihe angezeigt. | Effektvorschau |
Reihenumkehr | Wie Reihe, aber in umgekehrter Reihenfolge. | Vorschau |
Spalte | Flexible Elemente werden vertikal angezeigt, genau wie eine Spalte. | Effektvorschau |
column-reverse | Wie Spalte, aber in umgekehrter Reihenfolge. | Effektvorschau |
initial | Setzen Sie diese Eigenschaft auf ihren Standardwert. Siehe Initial. | Effektvorschau |
inherit | Erbt dieses Attribut vom übergeordneten Element.Siehe erben. | |
Das obige ist der detaillierte Inhalt vonCSS-Flexrichtungseigenschaft des flexiblen flexiblen Boxmodells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!