Manual de referência CSS

Regras CSS (RULES)

大全 de Atributos CSS

Atributo float do CSS CSS3 flex-Atributo shrink

CSS3 flex-Método de uso e exemplo da propriedade wrap

flex-A propriedade wrap CSS especifica se os itens flexíveis devem ser forçados a ficarem em uma linha ou serem distribuídos em várias linhas ou colunas conforme o espaço disponível no contêiner flexível.

Uso e exemplo da propriedade wrap

A tabela a seguir fornece uma descrição do uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.	nowrap
Valor padrão:	Aplicável a:
Container flexível	Herança:
Não	Animável:Não. Veja também。
Propriedades de animação	CSS3Versão:
Nova funcionalidade do JavaScript:	object.style.flexWrap="wrap-reverse"

flex-Sintaxe de uso da propriedade wrap

A sintaxe dessa propriedade é a seguinte:

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

Os exemplos a seguir mostram como usar flex-propriedade wrap

Exemplo

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex;
　　　　-webkit-flex-wrap: nowrap;
　　　　
　　　　display: flex;
　　　　flex-wrap: nowrap;
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
nowrap	Valor padrão. Especifique que os itens flexíveis não sejam divididos em linhas ou colunas.
wrap	Especifique, se necessário, o item flexível será dividido em várias linhas.
wrap-reverse	Igual a wrap, mas os itens serão quebrados na ordem inversa.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o flex do pai-Valores da propriedade wrap

Compatibilidade do navegador

flex-Compatibilidade do navegador com a propriedade wrap, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Fogo18+ ^-moz-，28+ Google Chrome 21+ ^-webkit-，29+ Internet Explorer 11+ Apple Safari 6.1+ ^-webkit- Opera 12.1+