В 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;)
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (модерен) 20- (стар) | 3.1+ (стари) | 2-21 (стар) 22+ (нов) | 12.1+ (модерен) | 10+ (хибридни) | 2.1+ (стари) | 3.2+ (стари) |
Браузърът Blackberry 10+ поддържа новия синтаксис.
За повече информация как да смесвате синтаксиси, за да получите най-добрата поддръжка на браузъра, моля, вижте тази статия (CSS-трикове) или тази статия (DevOpera).