flex-flowOminaisuus on osa-ominaisuus Flexible Box Asettelu moduuli.
Se on lyhenne flex-directionja flex-wrap.
Syntaksi
flex-flow: || .flex-container ( flex-flow: row wrap; )Voit määrittää yhden tai kaksi arvoa järjestyksestä riippumatta.
Demo
Molemmat luettelot käyttäytyvät täsmälleen samalla tavalla:
- Sinisellä on
flex-direction: rowjaflex-wrap: wrap - Punainen on
flex-flow: row wrap
Selaimen tuki
- (moderni) tarkoittaa viimeisintä syntaksia spesifikaatiosta (esim.
display: flex;) - (hybridi) tarkoittaa outoa epävirallista syntaksia vuodelta 2011 (esim.
display: flexbox;) - (vanha) tarkoittaa vanhaa syntaksia vuodelta 2009 (esim.
display: box;)
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderni) 20 - (vanha) | 3.1+ (vanha) | 2-21 (vanha) 22+ (uusi) | 12.1+ (moderni) | 10+ (hybridi) | 2.1+ (vanha) | 3.2+ (vanha) |
Blackberry-selain 10+ tukee uutta syntaksia.
Lisätietoja syntaksien sekoittamisesta parhaan selaintuen saamiseksi on tässä artikkelissa (CSS-Tricks) tai tässä artikkelissa (DevOpera).