Heim > Web-Frontend > CSS-Tutorial > Hauptteil

CSS-Flexrichtungseigenschaft des flexiblen flexiblen Boxmodells

高洛峰
Freigeben: 2017-03-15 10:17:06
Original
2815 Leute haben es durchsucht


Beispiel

Stellen Sie die Richtung der Flexbox-Elemente innerhalb des

-Elements in umgekehrter Reihenfolge ein:

p
{
display:flex;
flex-direction:row-reverse;
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!