La flex-flowpropiedad es una subpropiedad del módulo Diseño de caja flexible.
Es una abreviatura de flex-directiony flex-wrap.
Sintaxis
flex-flow: || .flex-container ( flex-flow: row wrap; )Puede especificar uno o dos valores, sin importar el orden.
Manifestación
Ambas listas se comportan exactamente de la misma manera:
- El azul tiene
flex-direction: rowyflex-wrap: wrap - El rojo tiene
flex-flow: row wrap
Soporte del navegador
- (moderno) significa la sintaxis reciente de la especificación (p
display: flex;. ej. ) - (híbrido) significa una sintaxis no oficial extraña de 2011 (p
display: flexbox;. ej. ) - (antiguo) significa la sintaxis antigua de 2009 (p
display: box;. ej. )
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (antiguo) | 3.1+ (antiguo) | 2-21 (antiguo) 22+ (nuevo) | 12.1+ (moderno) | 10+ (híbrido) | 2.1+ (antiguo) | 3.2+ (antiguo) |
El navegador Blackberry 10+ admite la nueva sintaxis.
Para obtener más información sobre cómo mezclar sintaxis para obtener la mejor compatibilidad con el navegador, consulte este artículo (Trucos CSS) o este artículo (DevOpera).