flex-flowProprietatea este o sub-proprietate a modulului flexibil Box Layout.
Este o prescurtare pentru flex-directionși flex-wrap.
Sintaxă
flex-flow: || .flex-container ( flex-flow: row wrap; )Puteți specifica una sau două valori, indiferent de ordine.
Demo
Ambele liste se comportă exact în același mod:
- Cel albastru are
flex-direction: rowșiflex-wrap: wrap - Cea roșie are
flex-flow: row wrap
Suport pentru browser
- (modern) înseamnă sintaxa recentă din specificație (de exemplu
display: flex;) - (hibrid) înseamnă o sintaxă neoficială ciudată din 2011 (de exemplu
display: flexbox;) - (vechi) înseamnă sintaxa veche din 2009 (de exemplu
display: box;)
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (vechi) | 3.1+ (vechi) | 2-21 (vechi) 22+ (nou) | 12.1+ (modern) | 10+ (hibrid) | 2.1+ (vechi) | 3.2+ (vechi) |
Browserul Blackberry 10+ acceptă noua sintaxă.
Pentru mai multe informații despre cum să amestecați sintaxele pentru a obține cea mai bună asistență pentru browser, vă rugăm să consultați acest articol (CSS-Tricks) sau acest articol (DevOpera).