Ausführliche Erläuterung der CSS-Flex-Flow-Eigenschaft des Flexible-Flexible-Box-Modells

Beispiel

Lassen Sie die Elemente der Flexbox in umgekehrter Reihenfolge anzeigen und bei Bedarf teilen:

1. Anzeige:flex; 🎜>

Flex

2. -Flow:Reihe - Rückwärtsumbruch;

Effektvorschau

Browserunterstützung

---

Die Zahl in der Tabelle

gibt die Version des ersten Browsers an, der das

Attribut Nummer unterstützt. Die Nummer unmittelbar nach -webkit-, -ms- oder -moz- ist die erste Version, die dieses Präfixattribut unterstützt.

flex-flow

29.0 21.0 -webkit-

11.0

10.0 -ms- td>

28.018.0 -moz-

9.0

属性
flex-flow	29.0 21.0 -webkit-	11.0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

6.1 -webkit-

Definition und Verwendung

Die Flex-Flow-Eigenschaft ist eine zusammengesetzte Eigenschaft der Flex-Direction- und Flex-Wrap-Eigenschaften. Das

flex-flow-Attribut wird verwendet, um die Anordnung von untergeordneten Elementen des Flex-Box-Modells-Objekts festzulegen oder abzurufen.

Das Flex-Direction-Attribut gibt die Richtung des Flex-Elements an.

Das Flex-Wrap-Attribut gibt an, ob das flexible Element in Zeilen oder Spalten aufgeteilt werden soll.

Hinweis: Die Flex-Flow-Eigenschaft hat keine Auswirkung, wenn das Element kein Element des Flexbox-Objekts ist.

row nowrap

Inherit

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

:

Nein

canAnimation:

CSS3-Animation Beispiele.

Version:

JavaScript Syntax:

object.style.flexFlow="column nowrap" Effektvorschau

 

---

CSS 语法

Flex-Flow: Flex-Richtung Flex-Wrap|initial|inherit;

属性值

值	描述
flex-direction	可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。 规定灵活项目的方向。
flex-wrap	可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。 规定灵活项目是否拆行或拆列。
initial	设置该属性为它的默认值。请参阅 initial。
inherit	从父元素继承该属性。请参阅 inherit。

flex-direction

可能的值：rowrow-reversecolumncolumn-reverseinitialinherit

默认值是 „row"。

规定灵活项目的方向。

flex-wrap

规定灵活项目是否拆行或拆列。

initial

设置该属性为它的默认值。请参阅 initial。

inherit

从父元素继承该属性。请参阅 inherit。

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der CSS-Flex-Flow-Eigenschaft des Flexible-Flexible-Box-Modells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!