manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 align-Atributo self CSS3 align-Atributo content

CSS3 align-Método de uso e exemplo da propriedade items

align-A propriedade items especifica o alinhamento padrão dos elementos no contêiner flex.

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

Valor padrão：	stretch
Aplicável para:	Contêiner flexível
Herança:	Não
Animável:	Não.Por favor, consulte Atributos de animação。
Versão：	CSS3novo recurso
Sintaxe em JavaScript：	object.style.alignItems="center"

align-Sintaxe de uso do items

A sintaxe dessa propriedade é a seguinte:

align-items:　baseline　|　center　|　flex-start　|　flex-end　|　stretch　|　initial　|　inherit

Os exemplos a seguir mostram os alinhamentos em uso:-Propriedade items.

Exemplo

　.flex-container　{
　　　　　　　　　　　/*　Safari　*/
　　　　　　　　　　　display:　-webkit-flex;　
　　　　　　　　　　　-webkit-align-items:　center;
　　　　　　　　　　　
　　　　　　　　　　　display:　flex;
　　　　　　　　　　　align-items:　center;
　　　}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
baseline	O elemento está localizado na linha base do contêiner flexível.
center	O elemento está localizado no centro do contêiner flexível.
flex-start	O elemento está localizado no início do contêiner flexível.
flex-end	O elemento está localizado no extremo direito do contêiner flexível.
stretch	Estique o elemento para se ajustar ao contêiner flexível. O espaço disponível é distribuído uniformemente entre todos os elementos. Isso é o valor padrão.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o alinhamento da propriedade do elemento pai.-Valores de items.

Compatibilidade do navegador

align-Compatibilidade do navegador para a propriedade items, 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 essa align-Propriedade items, mas-webkit-Prefixo, por exemplo-webkit-align-items: center;