Az flex-flowingatlan a Flexible Box Layout modul egyik al-tulajdonsága.
Gyorsírás a flex-directionés számára flex-wrap.
Szintaxis
flex-flow: || .flex-container ( flex-flow: row wrap; )Megadhat egy vagy két értéket, a sorrendtől függetlenül.
Demó
Mindkét lista pontosan ugyanúgy viselkedik:
- A kéknek van
flex-direction: rowésflex-wrap: wrap - A pirosnak van
flex-flow: row wrap
Böngésző támogatás
- (modern): a specifikáció legújabb szintaxisa (pl.
display: flex;) - (hibrid) furcsa, nem hivatalos szintaxist jelent 2011-től (pl.
display: flexbox;) - (régi) a 2009-es régi szintaxist jelenti (pl.
display: box;)
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20 - (régi) | 3.1+ (régi) | 2–21 (régi) 22+ (új) | 12,1+ (modern) | 10+ (hibrid) | 2.1+ (régi) | 3,2+ (régi) |
A Blackberry 10+ böngésző támogatja az új szintaxist.
A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).