Wie verwendet man CSS flex-Wrap-Eigenschaft in cssref?

CSS flex-Wrap-Eigenschaft

Beispiele

Lassen Sie das elastische Element Patrone bei Bedarf Trennlinie:

display:flex;
flex-wrap: wrap;

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Eigenschaft Versionsnummer zu unterstützen.

Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder -moz- nach der ersten Version das Präfix Eigenschaft zu unterstützen.

Immobilien
flex-wrap	29.0 21,0 -webkit-	11.0 10,0 -MS-	28.0 18,0 -moz-	9.0 6.1 -webkit-	17.0

Definition und Verwendung

flex-wrap-Attribut gibt flex Behälter eine einzeilige oder mehreren Leitungen, während die horizontale Achse Stapelrichtung die Richtung der neuen Linie bestimmt. .

Hinweis: Wenn dasElement nicht federnde Element Box Objekt ist, wird der Flex-Wrap - Eigenschaft nicht.

Standard:	nowrap
Vererbung:	keine
Kann animiert werden:	NO. Bitte beziehen Sie sich auf Animation (Anima) .
Version:	CSS3
JavaScript-Syntax:	Objekt .style.flexWrap = "nowrap"versuchen

CSS-Syntax

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

Eigenschaft Wert

值	描述
nowrap	默认值。规定灵活的项目不拆行或不拆列。
wrap	规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse	规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。