A flex-flowpropriedade é uma subpropriedade do módulo Layout de caixa flexível.
É uma abreviação de flex-directione flex-wrap.
Sintaxe
flex-flow: || .flex-container ( flex-flow: row wrap; )Você pode especificar um ou dois valores, não importa a ordem.
Demo
Ambas as listas se comportam exatamente da mesma maneira:
- O azul tem
flex-direction: roweflex-wrap: wrap - O vermelho tem
flex-flow: row wrap
Suporte para navegador
- (moderno) significa a sintaxe recente da especificação (por exemplo
display: flex;) - (híbrido) significa uma sintaxe não oficial estranha de 2011 (por exemplo
display: flexbox;) - (antigo) significa a sintaxe antiga de 2009 (por exemplo
display: box;)
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (antigo) | 3.1+ (antigo) | 2-21 (antigo) 22+ (novo) | 12,1+ (moderno) | 10+ (híbrido) | 2.1+ (antigo) | 3.2+ (antigo) |
O navegador Blackberry 10+ suporta a nova sintaxe.
Para obter mais informações sobre como misturar sintaxes para obter o melhor suporte do navegador, consulte este artigo (CSS-Tricks) ou este artigo (DevOpera).