Style flexFlow Property

Fazer a itens tela flexível em colunas, e sem embalagem:

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

Definição e Uso

A propriedade FlexFlow é um atalho para o flexDirection e as propriedades flexWrap.

A propriedade flexDirection especifica a direção dos itens flexíveis.

A propriedade flexWrap especifica se os itens flexíveis deve envolver ou não.

Note: Se os elementos não são itens flexíveis, a propriedade FlexFlow não tem efeito.

A propriedade FlexFlow é suportado no IE10 +, Firefox, Opera e Chrome.

Nota: Safari 6.1+ suporta uma alternativa, a propriedade WebkitFlexFlow.

Devolver o imóvel FlexFlow:

object .style.flexFlow

Defina a propriedade FlexFlow:

object .style.flexFlow=" Valores de propriedade

Valor	Descrição
flex-direction	Valores possíveis: linha linha-reversa coluna coluna inversa inicial herdar O valor padrão é "row" . Especificando a direção dos itens flexíveis
flex-wrap	Valores possíveis: nowrap embrulho wrap-reversa inicial herdar O valor padrão é "nowrap" . Especificar se os itens flexíveis deve envolver ou não
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Valor padrão:	nowrap linha
Valor de retorno:	Uma corda, que representa a propriedade de flex-fluxo de um elemento
CSS Versão	CSS3

HTML DOM estilo de referência: flex property

HTML DOM estilo de referência: flexBasis property

HTML DOM estilo de referência: flexDirection property

HTML DOM estilo de referência: flexGrow property

HTML DOM estilo de referência: flexShrink property

HTML DOM estilo de referência: flexWrap property