La flex-flowpropriété est une sous-propriété du module Disposition de boîte flexible.
C'est un raccourci pour flex-directionet flex-wrap.
Syntaxe
flex-flow: || .flex-container ( flex-flow: row wrap; )Vous pouvez spécifier une ou deux valeurs, quel que soit l'ordre.
Démo
Les deux listes se comportent exactement de la même manière:
- Le bleu a
flex-direction: rowetflex-wrap: wrap - Le rouge a
flex-flow: row wrap
Prise en charge du navigateur
- (moderne) signifie la syntaxe récente de la spécification (par exemple
display: flex;) - (hybride) signifie une syntaxe non officielle étrange de 2011 (par exemple
display: flexbox;) - (ancien) signifie l'ancienne syntaxe de 2009 (par exemple
display: box;)
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderne) 20- (ancien) | 3.1+ (ancien) | 2-21 (ancien) 22+ (nouveau) | 12.1+ (moderne) | 10+ (hybride) | 2.1+ (ancien) | 3.2+ (ancien) |
Le navigateur Blackberry 10+ prend en charge la nouvelle syntaxe.
Pour plus d'informations sur la façon de mélanger les syntaxes afin d'obtenir le meilleur support du navigateur, veuillez vous référer à cet article (CSS-Tricks) ou à cet article (DevOpera).