manual de referência CSS

regras CSS @

大全 de Atributos CSS

CSS3 flex-Atributo basis CSS empty-Atributo cells

CSS3 Método de uso e exemplo da propriedade flex

A propriedade CSS flex especifica os componentes de comprimento elástico. É usada para definir ao mesmo tempoflex-grow，flex-shrinkeflex-basisAtributo abreviado da propriedade.

A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:	0 1 auto; Ver todos os atributos
Aplicável a:	Elemento elástico
Herança:	Nenhum
Animável:	Sim, pois cada atributo de atalho é animável.Veja também Atributos de animação。
Versão:	CSS3nova funcionalidade
JavaScript syntax:	object.style.flex="1"

Sintaxe de uso do flex

A sintaxe dessa propriedade é a seguinte:

flex:　[　flex-grow　flex-shrink　flex-basis　]　|　none　|　auto　|　initial　|　inherit

O exemplo a seguir demonstra como usar o atributo flex.

Exemplo

.flex-container　{
　　　　-webkit-flex:　1;　/*　Safari　6。1+　*/
　　　　　　　　-ms-flex:　1;　/*　IE　10　*/
　　　　　　　　　　　　flex:　1;　
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
flex-grow	Especificar o coeficiente de crescimento elástico ou elasticidade positiva do elemento elástico.
flex-shrink	Especificar o coeficiente de contração elástica ou elasticidade negativa do elemento elástico.
flex-basis	Especificar o tamanho inicial do elemento elástico.
none	Equivalente a definir flex como 0 0 auto.
auto	Equivalente a definir flex como1 1 auto.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade flex do pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo flex, 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.

	Firefox 18+ ^-moz-，28 Google Chrome 21+ ^-webkit-，29 Internet Explorer 10+ ^-ms-，11 Apple Safari 6。1+ ^-webkit- Opera 12。1+