Exemplo
Que todos os itens flexíveis ter o mesmo comprimento, independent de seu conteúdo:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades de flex ou retorna o comprimento do item, em relação ao resto dos itens Flexibel dentro do mesmo recipiente.
A propriedade flex é um atalho para o flexGrow, flexShrink, e as propriedades flexBasis.
Note: Se o elemento não é um item flexível, a propriedade de flex não tem efeito.
Suporte navegador
A propriedade de flex é suportado em todos os principais navegadores, exceto para Safari.
Nota: A propriedade de flex não é suportado IE 9 ou mais cedo, no IE 10 esta propriedade é suportado com o prefixo MS. IE11 e versões mais recentes suportam totalmente a propriedade flexível (não é necessário o prefixo ms).
Nota: Safari 6.1+ suporta uma alternativa, a propriedade WebkitFlex.
Sintaxe
Devolver a propriedade de flex:
object .style.flexDefina a propriedade de flex:
object .style.flex=" Valores de propriedade Valor Descrição flex-grow Um número que especifica o quanto o item vai crescer em relação ao resto dos itens flexíveis flex-shrink Um número que especifica o quanto o item vai encolher em relação ao resto dos itens flexíveis flex-basis O comprimento do item. Os valores legais: "auto" , "inherit" , ou um número seguido por "%" , "px" , "em" qualquer outra unidade de comprimento ou auto Mesmo que 1 1 auto. initial Mesmo que 0 1 auto. Leia sobre inicial none Mesmo que 0 0 auto. inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 1 auto Valor de retorno: A String, que representa a propriedade de flex de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: flex property
HTML DOM estilo de referência: flexBasis property
HTML DOM estilo de referência: flexDirection property
HTML DOM estilo de referência: flexFlow 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
<Estilo de objeto