Summary
Die Kurzschreibweise flex-flow fasst die Eigenschaften und flex-direction flex-wrap zusammen.
| Initialwert | wie die jeweiligen Kurzschreibweisen:
|
|---|---|
| Anwendbar auf | flexible Container |
| Vererbt | Nein |
| Medien | visuell |
| Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
| Animierbar | Nein |
| Kanonische Reihenfolge | Reihenfolge des Auftretens in der formalen Grammatik der Werte |
Siehe Using CSS flexible boxes für mehr Information.
Syntax
<'flex-direction'> || <'flex-wrap'>
Werte
Siehe flex-direction und flex-wrap.
Beispiele
element {
/* Main-axis is the block direction with reversed main-start and main-end. Flex items are laid out in multiple lines */
flex-flow: column-reverse wrap;
}
Spezifikation
| Spezifikation | Status | Anmerkung |
|---|---|---|
| CSS Flexible Box Layout Module | Last Call Working Draft |
Browser Kompatibilität
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | Nicht unterstützt [1] | 21.0-webkit | Nicht unterstützt | 12.10 | Nicht unterstützt |
| Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | Nicht unterstützt [1] | ? | Nicht unterstützt | 12.10 | Nicht unterstützt |
[1] Firefox supports only single-line flexbox (see Bug 702508).