Die  flex-grow CSS Eigenschaft gibt den Wachstumsfaktor eines flexiblen Elements an.

Initialwert0
Anwendbar aufflexible Elemente einschließlich In-Flow-Pseudo-Elemente
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
AnimationstypNummer
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Siehe die Verwendung von CSS Flexible Boxes für weitere Eigenschaften und Informationen.

 

Syntax

<number>
flex-grow: 3

flex-grow: inherit

Werte

<number>
Siehe <number>. Negative Werte sind ungültig.

Beispiele

element { 
  flex-grow: 3;
}

Spezifikationen

Spezifikation Status Kommentar
CSS Flexible Box Layout Module Anwärter Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Firefox (Gecko) Chrome Internet Explorer Opera Safari
Grundlegende Unterstützung 18.0 (18.0) (behind a pref) [1]
20.0 (20.0)
21.0-webkit Nicht unterstützt 12.10 Nicht unterstützt
Merkmal Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? Nicht unterstützt 12.10 Nicht unterstützt

[1] Firefox unterstützt bis Version 28 nur einzeiliges Flexbox Layout. Um Flexbox Unterstützung für Firefox 18 und 19 zu aktivieren, muss die Einstellung layout.css.flexbox.enabled in about:config auf true gesetzt werden.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: vssn, Sebastianz, fscholz, SJW
Zuletzt aktualisiert von: vssn,