0 FPS
Propiedad CSS : flex-flow
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta propiedad es un atajo para las propiedades flex-direction y flex-wrap.
Sintaxis
flex-flow: direction wrap;
flex-direction
La propiedad flex-direction
permite especificar el eje y la dirección de un contenedor flex. El eje puede ser columnas o filas (column|row
), y la dirección normal o invertida.
row | Los objetos flexibles se muestran como filas. Se utiliza la dirección del texto para determinar por donde empiezan y terminan los objetos, para mas información consulta la Propiedad CSS direction. |
row-reverse | Lo mismo que row, pero con el punto de inicio y el punto final invertidos. |
column | Los objetos flexibles se muestran como columnas. |
column-reverse | Lo mismo que column, pero con el punto de inicio y el punto final invertidos. |
inherit | Se heredara el estilo de su objeto padre. |
flex-wrap
La propiedad flex-wrap
nos permite especificar si los hijos deben mostrarse en la misma línea, o si pueden fluir en varias líneas.
nowrap | Los hijos se muestran en la misma línea. |
wrap | Los hijos se muestran en varias líneas. |
wrap-reverse | Lo mismo que wrap, pero en orden invertido. |
inherit | Se heredara el estilo de su objeto padre. |
Código de ejemplo
Compatibilidad
Esta propiedad es soportada por todos los navegadores compatibles con CSS3.
Soportado a partir de la versión 31 | |
Soportado a partir de la versión 28 | |
Soportado a partir de la versión 12.1 | |
Soportado a partir de la versión 6.1 con el prefijo -webkit- | |
Soportado a partir de la versión 11 |
Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020