Latest web development tutorials

HTML DOM propiedad Estilo FlexFlow

Estilo de referencia de objetos Objetos de estilo

Ejemplos

proyecto flexible para hacer columnas dividir las columnas exhibidas, y no:

document.getElementById("main").style.flexFlow="column nowrap";

Trate »

Definición y Uso

FlexFlow propiedad es una propiedad abreviada flexDirection y propiedades FlexWrap.

atributo flexDirection especifica la dirección del proyecto flexible.

FlexWrap atributo especifica proyecto flexible es dividida fila o columna dividida.

Nota: Si elelemento no está elementos flexibles, propiedad FlexFlow no funciona.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera y Chrome soportan la propiedad FlexFlow.


gramática

Volver propiedades FlexFlow:

object .style.flexFlow

Configuración de las propiedades FlexFlow:

object .style.flexFlow="flex-directionflex-wrap |initial|inherit"

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

detalles técnicos

Por defecto: fila nowrap
Devuelve: Cadena que representa las propiedades de flujo de la flexión del elemento.
versión CSS CSS3


Artículos relacionados

CSS Reference Manual: Propiedades Flex-Flow

HTML DOM estilo de referencia: Propiedades Flex

HTML DOM estilo de referencia: la propiedad flexBasis

HTML DOM estilo de referencia: la propiedad flexDirection

HTML DOM estilo de referencia: la propiedad flexGrow

HTML DOM estilo de referencia: la propiedad flexShrink

HTML DOM estilo de referencia: la propiedad FlexWrap


Estilo de referencia de objetos Objetos de estilo