Ejemplo
Hacer que la pantalla elementos flexibles en columnas, y sin envoltura:
document.getElementById("main").style.flexFlow = "column nowrap"; Inténtalo tú mismo " Definición y Uso
La propiedad FlexFlow es una propiedad resumida para la flexDirection y las propiedades FlexWrap.
La propiedad flexDirection especifica la dirección de los elementos flexibles.
La propiedad FlexWrap especifica si los elementos flexibles deben envolver o no.
Note: Si los elementos no son elementos flexibles, la propiedad FlexFlow no tiene ningún efecto.
Soporte del navegador
La propiedad FlexFlow se apoya en IE10 +, Firefox, Opera y Chrome.
Nota: Safari 6.1+ soporta una alternativa, la propiedad WebkitFlexFlow.
Sintaxis
Devolver la propiedad FlexFlow:
object .style.flexFlow Establecer la propiedad FlexFlow:
object .style.flexFlow=" Valores de propiedad Valor Descripción flex-direction Valores posibles:
fila
fila-inversa
columna
columna-inversa
inicial
heredar El valor por defecto es "row" .
Especificación de la dirección de los elementos flexibles
flex-wrap Valores posibles:
nowrap
envolver
recapitulación inversa
inicial
heredar El valor por defecto es "nowrap" .
Especificar si los elementos flexibles deben envolver o no
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: fila nowrap Valor de retorno: Una cadena, que representa la propiedad de flujo de la flexión de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: flex-flow property
HTML DOM estilo de referencia: flex property
HTML DOM estilo de referencia: flexBasis property
HTML DOM estilo de referencia: flexDirection property
HTML DOM estilo de referencia: flexGrow property
HTML DOM estilo de referencia: flexShrink property
HTML DOM estilo de referencia: flexWrap property
<Estilo de objeto