propiedades de flujo de flexión CSS
Ejemplos
Para que el cartucho de elemento elástico en el orden inverso, y las líneas se dividieron cuando sea necesario:
flex-flow:row-reverse wrap;
Trate »
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de propiedad.
Inmediatamente después de la -webkit- digital, -MS- o -moz- después de la primera versión para apoyar la propiedad de prefijo.
propiedad | |||||
---|---|---|---|---|---|
flex-flujo | 29.0 21.0 -webkit- | 11.0 10.0 -MS- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
Definición y Uso
propiedades de flujo de flexión son propiedad flex-dirección y flex-wrap propiedades del compuesto.
acuerdo de elementos sub-propiedad flujo de flexión se utiliza para establecer o recuperar los objetos del modelo bolsa flexible.
atributo flex-direction especifica la dirección del proyecto flexible.
atributo flex-wrap especifica proyecto flexible es dividida fila o columna dividida.
Nota: Si elelemento no es elástico objeto de cuadro elemento, la propiedad de flujo de flexión no funciona.
Por defecto: | fila nowrap |
---|---|
herencia: | no |
Puede ser animada: | NO. Por favor refiérase a la animación (Animatable) . |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.flexFlow = "nowrap columna"tratar |
sintaxis CSS
propiedad Valor
值 | 描述 |
---|---|
flex-direction | 可能的值: row row-reverse column column-reverse initial inherit 默认值是 "row"。 规定灵活项目的方向。 |
flex-wrap | 可能的值: nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。 规定灵活项目是否拆行或拆列。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Artículos relacionados
CSS Referencia: Propiedades Flex
CSS Reference Manual: propiedad Flex-Basis
CSS Reference Manual: propiedad Flex-dirección
CSS Reference Manual: Flex-Grow propiedad
CSS Reference Manual: Flex-Shrink propiedad
CSS Reference Manual: propiedad Flex-wrap