Ši flex-flownuosavybė yra „Flexible Box Layout“ modulio sub-ypatybė.
Tai yra flex-directionir flex-wrap.
Sintaksė
flex-flow: || .flex-container ( flex-flow: row wrap; )Galite nurodyti vieną ar dvi reikšmes, nesvarbu, kokia tvarka.
Demonstracija
Abu sąrašai elgiasi lygiai taip pat:
- Mėlyna turi
flex-direction: rowirflex-wrap: wrap - Raudona turi
flex-flow: row wrap
Naršyklės palaikymas
- (moderni) reiškia naujausią sintaksę iš specifikacijos (pvz.
display: flex;) - (hibridas) reiškia nelyginę neoficialią sintaksę nuo 2011 m. (pvz.
display: flexbox;) - (senas) reiškia seną sintaksę nuo 2009 m. (pvz.
display: box;)
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 21+ (modernus) 20- (senas) | 3.1+ (senas) | 2–21 (senas) 22+ (naujas) | 12.1+ (moderni) | 10+ (hibridas) | 2.1+ (senas) | 3,2+ (senas) |
„Blackberry“ naršyklė 10+ palaiko naują sintaksę.
Norėdami gauti daugiau informacijos apie tai, kaip maišyti sintakses, kad gautumėte geriausią naršyklės palaikymą, žr. Šį straipsnį (CSS-Tricks) arba šį straipsnį (DevOpera).