CSS flexPropiedad

Ejemplo

Haz que todos los elementos secundarios del objeto flexbox tengan la misma longitud e ignoren su contenido interno:

#main div { flex:1; }

Los números de la tabla indican el número de versión del primer navegador que admite la propiedad.

El número que sigue inmediatamente a -webkit-, -ms- o -moz- es la primera versión que admite la propiedad con el prefijo.

Propiedad
flex	29.0 21.0 -webkit-	11.0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

La propiedad flex se utiliza para establecer o recuperar cómo los elementos secundarios del objeto flexbox distribuyen el espacio.

La propiedad flex es una propiedad abreviada de las propiedades flex-grow, flex-shrink y flex-basis.

Nota:Si el elemento no es un elemento secundario del objeto flexbox, la propiedad flex no tendrá efecto.

Valor predeterminado:	0 1 auto
Herencia:	no
Animable:	Sí,consulte las propiedades individuales. ConsulteAnimable (animatable)。
Versión:	CSS3
Sintaxis de JavaScript:	object.style.flex="1" Pruébalo

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

Valor	Descripción
flex-grow	Un número que especifica la cantidad en que el elemento se expandirá en relación con otros elementos flexibles.
flex-shrink	Un número que especifica la cantidad en que el elemento se contraerá en relación con otros elementos flexibles.
flex-basis	La longitud del elemento. Valores legales: 'auto', 'inherit' o un número seguido de '%', 'px', 'em' o cualquier otra unidad de longitud.
auto	Igual que 1 1 auto.
none	Igual que 0 0 auto.
initial	Establece la propiedad a su valor predeterminado, es decir, 0 1 auto. Consulteinitial。
inherit	Hereda la propiedad del elemento padre. Consulteinherit。