CSS-Flexrichtungseigenschaft des flexiblen flexiblen Boxmodells

Beispiel

Stellen Sie die Richtung der Flexbox-Elemente innerhalb des e388a4556c0f65e1904146cc1a846bee-Elements in umgekehrter Reihenfolge ein:

p
{
display:flex;
flex-direction:row-reverse;
}

Effektvorschau

---

Browserunterstützung

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

21.0 -webkit-11.010.0 -ms- td> 28.018.0 -moz- 9.06.1 -webkit- Definition und Verwendung

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

默认值：	row
继承：	否
可动画化：	否。请参阅 SS3动画属性、CSS3动画实例。
版本：	CSS3
JavaScript 语法：	object.style.flexDirection="column-reverse" 效果预览

:

CanAnimation:

Nr. Weitere Informationen finden Sie unter SS3-Animationseigenschaften, CSS3-Animation Beispiele.

Version:

JavaScript Syntax:

object.style.flexDirection="column-reverse" Effektvorschau

 

---

CSS-Reverse

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;

Attributwert

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!