1. Home
  2. CSS propriedade flex-envoltório

O melhor tutorial CSS propriedade flex-envoltório em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,Definição e Uso,CSS Syntax,Valor de propriedade,artigos relacionados,

CSS propriedade flex-envoltório

Referência CSS Referência CSS


Exemplos

Deixe o cartucho de elemento elástico quando necessário, linha de divisão:

display:flex;
flex-wrap: wrap;

tente »

Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

Imediatamente após a -webkit- digitais, -ms- ou -moz- após a primeira versão para suportar a propriedade prefixo.

propriedade
Flex-wrap 29,0
21,0 -webkit- 		11.0
10,0 -ms- 		28,0
18,0 -moz- 		9
6.1 -webkit- 		17,0

Definição e Uso

atributo flex-envoltório especifica recipiente flexível é uma única linha ou várias linhas, enquanto o eixo horizontal determina a direcção da linha de novo empilhamento de direcção. .

Nota: Se oelemento não é resiliente objeto de caixa de elemento, a propriedade flex-envoltório não funciona.

padrão: nowrap
herança: não
Pode ser animado: NO. Por favor, consulte a animação (Animatable) .
versão: CSS3
sintaxe JavaScript: objeto. style.flexWrap = "nowrap"tentar

CSS Syntax

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Valor de propriedade

值 描述
nowrap 默认值。规定灵活的项目不拆行或不拆列。
wrap 规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse 规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

artigos relacionados

CSS Referência: Propriedades Flex

CSS Manual de Referência: propriedade Flex-direção

CSS Manual de Referência: Propriedades Flex-Flow

CSS Manual de Referência: Flex-Grow propriedade

CSS Manual de Referência: Flex-psiquiatra propriedade

CSS Manual de Referência: propriedade Flex-Basis


Referência CSS Referência CSS

Tutoriais quentes

Contact US

CSS propriedade flex-envoltório
10/30