Manual de referência CSS

CSS @regras (RULES)

大全 de Atributos CSS

CSS3 animation propriedade CSS3 alinhamento-items propriedade

CSS3 alinhamento-Uso e exemplos da propriedade self

O alinhamento-A propriedade self define o alinhamento padrão para os elementos dentro de um contêiner flex.

A tabela a seguir resume o contexto de uso e o histórico de versões deste atributo.

Valor padrão:	auto
Aplicável a:	Elementos flexíveis, incluindo pseudo-elementos de entrada
Herança:	Nenhum
Animável:	Não.Veja também Propriedades de animação。
Versão:	CSS3nova funcionalidade
JavaScript sintaxe:	object.style.alignItems="center"

alinhamento-self uso sintaxe

A sintaxe dessa propriedade é a seguinte：

alinhamento-self: auto | linha base | centro | flex-início | flex-fim | alongamento | inicial | herdar

Os exemplos a seguir mostram como usar alinhamento-self propriedade。

Exemplo

.flex-container　{
　　　　/*　Safari　*/
　　　　exibir:　-webkit-flex;　
　　　　-webkit-alinhamento-items:　flex-início;
　　　　
　　　　exibir:　flex;
　　　　alinhamento-items:　flex-início;
}
.aligned　{
　　　　/*　Safari　*/
　　　　-webkit-flex:　1;　
　　　　-webkit-alinhamento-self: stretch;
　　　　
　　　　flex:　1;　
　　　　alinhamento-self: stretch;
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
auto	O elemento adota o valor calculado da propriedade alinhamento do elemento pai.-Se items não tiver elemento pai, use stretch. Este é o valor padrão.
linha base	O elemento está na linha base do contêiner flex.
centro	O elemento está no centro do contêiner de alongamento.
flex-início	O elemento está no início do contêiner flex.
flex-fim	O elemento está localizado no extremo do contêiner de alongamento.
stretch	Esticar esse elemento para se adequar ao contêiner flex.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor calculado da propriedade alinhamento do elemento pai.-self。

Navegador compatibilidade

alinhamento-self propriedade compatibilidade do navegador, todos os navegadores populares suportam essa propriedade.

	Firefox 20+ Google Chrome21+ Internet Explorer 11+ Apple Safari 7+ ^-webkit- Opera 12.1+

Atenção： Apple Safari 7e versões mais recentes suportam o alinhamento-self propriedade, mas precisa-webkit-préfixo, por exemplo-webkit-alinhamento-self: center;