Atributo flex-flow de CSS

Recomendaciones de cursos

Definición y uso

El atributo flex-flow es una abreviatura de los siguientes atributos:Comentarios:

Si el elemento no es un elemento flexible, el atributo flex es inválido.

Véase también:Tutoriales de CSS:

Atributo flex-shrinkCuadro de flexibilidad de CSS

Atributo flex-shrinkAtributo flex

Atributo flex-shrinkAtributo flex-direction

Atributo flex-shrinkAtributo flex-basis

Atributo flex-shrinkAtributo flex-grow

Atributo flex-shrinkManual de referencia de CSS:

Atributo flex-wrapManual de referencia de HTML DOM:

Atributo flexFlow

Ejemplo

Mostrar elementos flexibles en dirección inversa y saltar de línea cuando sea necesario:
  div {
  display: flex;
flex-flow: row-reverse wrap;

}

Prueba personal

Sintaxis de CSS

flex-flow: flex-direction flex-wrap|initial|inherit;

Valor del atributo Valor
flex-direction

flex-wrap

  • Descripción
  • row
  • row-reverse
  • column
  • Establece este atributo en su valor predeterminado. Véase
  • Hereda este atributo del elemento padre. Véase

column-reverse

El valor predeterminado es "row".
Se especifica la dirección de los elementos flexibles.

flex-wrap

  • Valores posibles:
  • nowrap
  • wrap
  • Establece este atributo en su valor predeterminado. Véase
  • Hereda este atributo del elemento padre. Véase

wrap-reverse

El valor predeterminado es "nowrap".
Establece este atributo en su valor predeterminado. Véase Se especifica si los elementos flexibles deben saltar de línea. Establece este atributo en su valor predeterminado. VéaseAtributos relacionados con la animación
Hereda este atributo del elemento padre. Véase initial Hereda este atributo del elemento padre. VéaseAtributos relacionados con la animación

inherit

Detalles técnicos Valor predeterminado:
row nowrap Herencia:
No Producción de animación:No soportado. Consulte:Atributos relacionados con la animación
. Versión:
CSS3 Sintaxis de JavaScript:

object.style.flexFlow="column nowrap"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0