libro de referencias CSS

reglas CSS @

大全 de propiedades CSS

CSS3 flex-Atributo grow CSS3 flex-Atributo direction

CSS3 flex-Uso y ejemplo del atributo flow

flex-El atributo CSS flow se utiliza para configurar simultáneamenteflex-directionyflex-wrapAbreviaturas de los atributos.

La tabla a continuación describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en el script JavaScript.

Valor predeterminado:	row nowrap; Ver todas las propiedades
Aplicable a:	Contenedor flexible
Herencia:	No
Animable:	No.Ver también Atributos de animación.
Versión:	CSS3nuevas características
JavaScript sintaxis:	object.style.flexFlow="column nowrap"

flex-Sintaxis de uso de flow

La sintaxis de este atributo es la siguiente:

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

El siguiente ejemplo muestra cómo usar flex-Atributo flow.

Ejemplo

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex
　　　　-webkit-flex-flow: row-reverse wrap;
　　　　
　　　　display: flex;
　　　　flex-flow: row-reverse wrap;
}

Prueba y mira‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
flex-direction	Especificar la forma en que se coloca el elemento flexible en el contenedor flexible.
flex-wrap	Especificar si el elemento flexible se rompe en filas o columnas.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, los elementos relacionados utilizan el flex del elemento padre-Valores del atributo flow.

Compatibilidad del navegador

flex-La compatibilidad del navegador del atributo flow, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

	Firefox 18+ ^-moz-,28 Google Chrome 21+ ^-webkit-,29 Internet Explorer 10+ ^-ms-,11 Apple Safari 6.1+ ^-webkit- Opera 12.1+

Lea más

Consulte los siguientes tutoriales:CSS3Diseño en columnas múltiples.

Atributos relacionados:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.

CSS3 flex-Atributo grow CSS3 flex-Atributo direction