manual de referência CSS

regras CSS @

大全 de Atributos CSS

CSS3 flex-Atributo direction CSS3 Atributo flex

CSS3 flex-método de uso e exemplo do atributo basis

flex-valor inicial base especificado pelo atributo CSS para elementos elásticos

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso da propriedade no script JavaScript.

Valor padrão:	auto
Aplicável a:	Itens flexíveis
Herança:	Não
Animável:	Sim.Consulte Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe de JavaScript:	object.style.flexBasis="180px"

flex-Sintaxe de uso do basis

A sintaxe dessa propriedade é a seguinte:

flex-basis:　width　|　auto　|　initial　|　inherit

O exemplo a seguir demonstra como usar flex-Atributo basis.

Exemplo

.flex-container　{
　　　　display:　flex;　　　　　　
}　
.item1　{
　　　　background:　#ff80c0;
　　　　-webkit-flex-basis:　300px;　/*　Safari　6.1+　*/
　　　　flex-basis:　300px;
}
.item2　{
　　　　background:　#8080ff;
　　　　-webkit-flex-basis:　30%;　/*　Safari　6.1+　*/
　　　　flex-basis:　30%;
}
.item3　{
　　　　width:　120px;
　　　　background:#0080ff;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
width	Comprimento representado por unidade absoluta ou relativa, usado para especificar o comprimento inicial do item flexível. Valores negativos não são válidos.
auto	A largura do item flexível é igual awidthO valor da propriedade. Se o width não for especificado para o item flexível, a largura dependerá do conteúdo. Este é o valor padrão.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o flex do elemento pai-Valores do atributo basis.

Compatibilidade do navegador

flex-Compatibilidade do navegador do atributo basis, os números na tabela representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 18+ ^-moz-，28 Google Chrome 21+ ^-webkit-，29 Internet Explorer 10+ ^-ms-，11 Apple Safari 6.1+ ^-webkit- Opera 12.1+