flex-flowĪpašums ir sub-īpašums Elastīga Box Izkārtojums moduli.
Tas ir flex-directionun flex-wrap.
Sintakse
flex-flow: || .flex-container ( flex-flow: row wrap; )Varat norādīt vienu vai divas vērtības neatkarīgi no secības.
Demonstrācija
Abi saraksti rīkojas tieši tāpat:
- Zilajam ir
flex-direction: rowunflex-wrap: wrap - Sarkanajam ir
flex-flow: row wrap
Pārlūka atbalsts
- (mūsdienu) nozīmē neseno sintaksi no specifikācijas (piem.
display: flex;) - (hibrīds) ir nepāra neoficiāla sintakse no 2011. gada (piem.
display: flexbox;) - (vecs) nozīmē veco sintaksi no 2009. gada (piem.
display: box;)
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (mūsdienu) 20 - (vecs) | 3.1+ (vecs) | 2–21 (vecs) 22+ (jauns) | 12,1+ (mūsdienu) | 10+ (hibrīds) | 2.1+ (vecs) | 3,2+ (vecs) |
Blackberry pārlūks 10+ atbalsta jauno sintaksi.
Lai iegūtu papildinformāciju par sintakses sajaukšanu, lai iegūtu vislabāko pārlūka atbalstu, lūdzu, skatiet šo rakstu (CSS-Tricks) vai šo rakstu (DevOpera).