Exemplo
Fazer os itens flexíveis embrulhar se necesarry:
document.getElementById("main".style.flexWrap = "wrap"; Tente você mesmo " Definição e Uso
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 flexWrap não tem efeito.
Suporte navegador
A propriedade flexWrap é suportado no IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ suporta uma alternativa, a propriedade WebkitFlexWrap.
Sintaxe
Devolver o imóvel flexWrap:
object .style.flexWrap Defina a propriedade flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| nowrap | Valor padrão. Especifica que os itens flexíveis não vai embrulhar |
| wrap | Especifica que os itens flexíveis vai embrulhar se necessário |
| wrap-reverse | Especifica que os itens flexíveis vai embrulhar, se necessário, em ordem inversa |
| 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 |
Detalhes técnicos
| Valor padrão: | nowrap |
|---|---|
| Valor de retorno: | A String, que representa a propriedade de flex-wrap de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: flex-wrap property
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: flexFlow property
HTML DOM estilo de referência: flexGrow property
HTML DOM estilo de referência: flexShrink property
<Estilo de objeto