CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS3 flex-grow Eigenschaft CSS3 flex-direction Eigenschaft

CSS3 flex-Verwendung und Beispiel der flow-Eigenschaft

flex-Die flow CSS-Eigenschaft wird verwendet, um gleichzeitigflex-directionundflex-wrapKürzel der verschiedenen Eigenschaften.

Die folgende Tabelle enthält Anweisungen und Versionshistorie der Verwendung dieses Wertes sowie die Syntax seiner Verwendung im JavaScript-Skript.

Standardwert:	row nowrap; Alle Eigenschaften anzeigen
Geeignet für:	Flex-Container
Vererbt von:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript-Syntax:	object.style.flexFlow="column nowrap"

flex-Syntax der Verwendung von flow

Die Syntax dieser Eigenschaft lautet wie folgt:

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

Der folgende Beispiel zeigt, wie man flex verwendet-flow-Eigenschaft.

Beispiel

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex
　　　　-webkit-flex-flow: row-reverse wrap;
　　　　
　　　　display: flex;
　　　　flex-flow: row-reverse wrap;
}

Testen Sie es heraus‹/›

Werte der Eigenschaft

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
flex-direction	Bestimmt die Platzierung der flexiblen Elemente im flex-Container.
flex-wrap	Bestimmt, ob flexible Elemente in Zeilen oder Spalten aufgeteilt werden.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element auf den flex des Elternelements angewendet-Werte der flow-Eigenschaft.

Browserkompatibilität

flex-Kompatibilität der flow-Eigenschaft des Browsers, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 18+ ^-moz-,28 Google Chrome 21+ ^-webkit-,29 Internet Explorer 10+ ^-ms-,11 Apple Safari 6.1+ ^-webkit- Opera 12.1+

Weiterführende Lektüre

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS3Mehrzeilige Anordnung.

CSS3 flex-grow Eigenschaft CSS3 flex-direction Eigenschaft