Welche Eigenschaften hat Flex?

Die Attribute von Flex sind: 1. Flex-Richtung, legt die Richtung der Hauptachse fest; 2. Justify-Content, legt die Anordnung der Unterelemente auf der Hauptachse fest; -Elements Wrap; 4. align-content, legt die Anordnung aller Unterelemente auf der Seitenachse fest 5. align-items: legt die Anordnung der Unterelemente auf der Seitenachse fest usw.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

Flex-Attribute:

1, Flex-Richtung

Legen Sie die Richtung der Hauptachse fest

Eigenschaftswertbeschreibung

Zeile Der Standardwert ist von links nach rechts

Row-Reverse Von links nach rechts

Spalte Von oben nach Weiter

column-reverse Von oben nach unten

2, justify-content

Legen Sie die Anordnung der untergeordneten Elemente auf der Hauptachse fest

Das Attribut justify-content definiert die Ausrichtung von Elementen auf der Hauptachse axis

Hinweis: Verwenden Sie dies. Stellen Sie sicher, dass Sie die Hauptachse bestimmen, bevor Sie das Attribut verwenden

Attributwertbeschreibung

flex-start Standardwert, beginnend am Kopf (wenn die Hauptachse die X-Achse ist, dann von links nach). rechts)

Flex-End Vom Schwanz aus beginnend anordnen

Die Mitte wird in der Mitte der Hauptachse ausgerichtet (wenn die Hauptachse die

Stellen Sie ein, ob untergeordnete Elemente umbrochen werden sollen

Standardmäßig werden Elemente auf einer Linie angeordnet ( auch „Achse“ genannt). Flex-Wrap-Attributdefinition, der Standardwert im Flex-Layout ist kein Zeilenumbruch. Attributwertbeschreibung: Nowrap Standardwert, kein Zeilenumbruch. Zeilenumbruch. 4. Ausrichtungsinhalt untergeordnete Elemente auf der Seitenachse Modus (mehrere Zeilen)

Attributwertbeschreibungflex-start Standardwert, Anordnung beginnt am Kopf der Querachse

flex-end Anordnung beginnt am Ende der Querachse

center Anzeige in der Mitte der Querachse

space -around Die Kinder teilen den verbleibenden Raum gleichmäßig auf der Querachse auf

space-between Die Kinder werden zuerst an beiden Enden auf der Querachse verteilt und teilen dann den verbleibenden Raum gleichmäßig auf

Stretch Legen Sie die Höhe des untergeordneten Elements fest, um die Höhe des übergeordneten Elements gleichmäßig zu teilen die Anordnung der untergeordneten Elemente auf der Seitenachse (einzelne Zeile)

Attributwertbeschreibung

flex-start Standardwert, von oben nach unten

flex-end von unten nach oben

center zusammendrücken und zentrieren (vertikale Mitte)

stretch stretch

6, flex-flow

Die zusammengesetzte Eigenschaft der Flex-Direction- und Flex-Wrap-Eigenschaften

Property Value Description

flex: Der Anteil der Unterelemente

align-self: Steuern Sie die Anordnung der Unterelemente auf einer eigenen Seitenachse

Reihenfolge: Das Attribut definiert die Reihenfolge der Unterelemente (vordere und hintere Reihenfolge)

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat Flex?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!