Tato flex-flowvlastnost je dílčí vlastností modulu Flexibilní rozvržení krabice.
Je to zkratka pro flex-directiona flex-wrap.
Syntax
flex-flow: || .flex-container ( flex-flow: row wrap; )Můžete zadat jednu nebo dvě hodnoty bez ohledu na pořadí.
Ukázka
Oba seznamy se chovají přesně stejným způsobem:
- Modrý má
flex-direction: rowaflex-wrap: wrap - Ta červená má
flex-flow: row wrap
Podpora prohlížeče
- (moderní) znamená nedávnou syntaxi ze specifikace (např.
display: flex;) - (hybrid) znamená lichou neoficiální syntaxi z roku 2011 (např.
display: flexbox;) - (old) znamená starou syntaxi z roku 2009 (např.
display: box;)
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderní) 20- (starý) | 3.1+ (starý) | 2-21 (starý) 22+ (nový) | 12.1+ (moderní) | 10+ (hybridní) | 2.1+ (starý) | 3.2+ (starý) |
Prohlížeč Blackberry 10+ podporuje novou syntaxi.
Další informace o tom, jak kombinovat syntaxe s cílem získat nejlepší podporu prohlížeče, najdete v tomto článku (CSS-Tricks) nebo v tomto článku (DevOpera).