Die flex-flowEigenschaft ist eine Untereigenschaft des Moduls Flexible Box Layout.
Es ist eine Abkürzung für flex-directionund flex-wrap.
Syntax
flex-flow: || .flex-container ( flex-flow: row wrap; )Sie können unabhängig von der Reihenfolge einen oder zwei Werte angeben.
Demo
Beide Listen verhalten sich genauso:
- Der Blaue hat
flex-direction: rowundflex-wrap: wrap - Der rote hat
flex-flow: row wrap
Browser-Unterstützung
- ( h ) bedeutet , die kürzlich von der Syntax - Spezifikation (z
display: flex;) - (hybrid) bedeutet eine ungerade nicht offizielle Syntax ab 2011 (z
display: flexbox;) - (alt) bedeutet die alte Syntax von 2009 (zB
display: box;)
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (alt) | 3.1+ (alt) | 2-21 (alt) 22+ (neu) | 12.1+ (modern) | 10+ (Hybrid) | 2.1+ (alt) | 3,2+ (alt) |
Blackberry Browser 10+ unterstützt die neue Syntax.
Weitere Informationen zum Mischen von Syntaxen, um die beste Browserunterstützung zu erhalten, finden Sie in diesem Artikel (CSS-Tricks) oder in diesem Artikel (DevOpera).