flex-flowИмовина је под-својство Флексибилна кутија Лаиоут модула.
То је скраћеница за flex-directionи flex-wrap.
Синтакса
flex-flow: || .flex-container ( flex-flow: row wrap; )Можете да наведете једну или две вредности, без обзира на редослед.
Демо
Обе листе се понашају на потпуно исти начин:
- Плави има
flex-direction: rowиflex-wrap: wrap - Црвени има
flex-flow: row wrap
Подршка прегледача
- (модерно) значи недавну синтаксу из спецификације (нпр.
display: flex;) - (хибрид) значи чудну незваничну синтаксу из 2011. године (нпр.
display: flexbox;) - (стара) значи стара синтакса из 2009. године (нпр.
display: box;)
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 21+ (модерно) 20- (старо) | 3,1+ (старо) | 2-21 (стари) 22+ (нови) | 12,1+ (модерно) | 10+ (хибридно) | 2,1+ (старо) | 3,2+ (стара) |
Прегледач Блацкберри 10+ подржава нову синтаксу.
За више информација о томе како мешати синтаксе како бисте добили најбољу подршку за прегледач, погледајте овај чланак (ЦСС-трикови) или овај чланак (ДевОпера).