CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS float Eigenschaft CSS3 flex-shrink Eigenschaft

CSS3 flex-Verwendung und Beispiel der wrap-Eigenschaft

flex-Die wrap CSS-Eigenschaft bestimmt, ob Flex-Elemente in eine Zeile gezwungen werden oder in mehreren Zeilen oder Spalten in den verfügbaren Raum des Flex-Containers gelegt werden.

Die folgende Tabelle enthält Anweisungen und Versionshistorien dieser Eigenschaft sowie ihre Verwendung in JavaScript-Skripten.

Standardwert:	nowrap
Geeignet für:	Flex-Kontainer
Vererben:	Keine
Animierbar:	Nein.Siehe auch Animationsattribute.
Version:	CSS3neue Funktion
JavaScript-Syntax:	object.style.flexWrap="wrap-reverse"

flex-Syntax der Verwendung von wrap

Die Syntax dieses Attributes ist wie folgt:

flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit

Die folgenden Beispiele zeigen, wie flex verwendet wird-wrap-Eigenschaft.

Beispiel

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex
　　　　-webkit-flex-wrap: nowrap;
　　　　
　　　　display: flex;
　　　　flex-wrap: nowrap;
}

Testen Sie heraus‹/›

Werte der Eigenschaft

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
nowrap	Standardwert. Bestimmt, dass flexible Elemente nicht in Zeilen oder Spalten aufgeteilt werden.
wrap	Bestimmt, ob flexible Elemente in mehreren Zeilen oder Spalten unterteilt werden sollen.
wrap-reverse	Wie wrap, aber die Elemente werden in umgekehrter Reihenfolge umgebrochen.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element auf die flex-Eigenschaft des übergeordneten Elements angewendet-wrap-Werte der Eigenschaft.

Browserkompatibilität

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

	Firefox18+ ^-moz-,28+ Google Chrome 21+ ^-webkit-,29+ Internet Explorer 11+ Apple Safari 6.1+ ^-webkit- Opera 12.1+

Für weitere Informationen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS3Mehrfachspaltenlayout.

Zusammenhängende Eigenschaften:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-flow,flex-grow,flex-shrink,justify-content,min-height,min-width,order.

CSS float Eigenschaft CSS3 flex-shrink Eigenschaft