La flex-flowproprietà è una proprietà secondaria del modulo Layout riquadro flessibile.
È una scorciatoia per flex-directione flex-wrap.
Sintassi
flex-flow: || .flex-container ( flex-flow: row wrap; )È possibile specificare uno o due valori, indipendentemente dall'ordine.
Demo
Entrambi gli elenchi si comportano esattamente allo stesso modo:
- Quello blu ha
flex-direction: roweflex-wrap: wrap - Quello rosso ha
flex-flow: row wrap
Supporto browser
- (moderno) indica la sintassi recente dalla specifica (ad esempio
display: flex;) - (ibrido) indica una strana sintassi non ufficiale del 2011 (es.
display: flexbox;) - (vecchio) indica la vecchia sintassi del 2009 (ad esempio
display: box;)
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (vecchio) | 3.1+ (vecchio) | 2-21 (vecchio) 22+ (nuovo) | 12.1+ (moderno) | 10+ (ibrido) | 2.1+ (vecchio) | 3.2+ (vecchio) |
Il browser Blackberry 10+ supporta la nuova sintassi.
Per ulteriori informazioni su come mescolare le sintassi per ottenere il miglior supporto del browser, fare riferimento a questo articolo (CSS-Tricks) o questo articolo (DevOpera).