De flex-floweigenschap is een subeigenschap van de module Flexible Box Layout.
Het is een afkorting voor flex-directionen flex-wrap.
Syntaxis
flex-flow: || .flex-container ( flex-flow: row wrap; )U kunt een of twee waarden opgeven, ongeacht de volgorde.
Demo
Beide lijsten gedragen zich op exact dezelfde manier:
- De blauwe heeft
flex-direction: rowenflex-wrap: wrap - De rode heeft
flex-flow: row wrap
Browser-ondersteuning
- (modern) betekent de recente syntaxis van de specificatie (bijv.
display: flex;) - (hybride) betekent een vreemde onofficiële syntaxis uit 2011 (bijv.
display: flexbox;) - (oud) betekent de oude syntaxis van 2009 (bijv.
display: box;)
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (oud) | 3.1+ (oud) | 2-21 (oud) 22+ (nieuw) | 12.1+ (modern) | 10+ (hybride) | 2.1+ (oud) | 3.2+ (oud) |
Blackberry browser 10+ ondersteunt de nieuwe syntaxis.
Raadpleeg dit artikel (CSS-Tricks) of dit artikel (DevOpera) voor meer informatie over het mixen van syntaxis om de beste browserondersteuning te krijgen.