Die flex-grow CSS Eigenschaft gibt den Wachstumsfaktor eines flexiblen Elements an.
| Initialwert | 0 |
|---|---|
| Anwendbar auf | flexible Elemente einschließlich In-Flow-Pseudo-Elemente |
| Vererbt | Nein |
| Medien | visuell |
| Berechneter Wert | wie angegeben |
| Animationstyp | Nummer |
| Kanonische Reihenfolge | die eindeutige Reihenfolge definiert durch die formale Grammatik |
Siehe die Verwendung von CSS Flexible Boxes für weitere Eigenschaften und Informationen.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
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.