manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Atributo left do CSS Atributo height do CSS

CSS3 justify-Método de uso e exemplo do atributo content

justify-O atributo content é usado para definir ou obter o alinhamento do elemento flexível na direção do eixo principal (eixo horizontal).

A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Valor padrão:	flex-start
Aplicável a:	Container elástico
Herança:	Não
Animável:	Não.Veja mais Atributos de animação。
Versão：	CSS3nova funcionalidade
JavaScript Syntax：	object.style.justifyContent="space-around"

Prova da sintaxe do uso do conteúdo

A sintaxe dessa propriedade é a seguinte：

justify-content:　flex-start　|　flex-end　|　center　|　space-between　|　space-around　|　initial　|　inherit

Os exemplos a seguir mostram como usar justify-Atributo content.

Exemplo

.flex-container　{
　　　　　　/*　Safari　*/
　　　　　　display:　-webkit-flex;
　　　　　　-webkit-justify-content:　space-around;
　　　　　　
　　　　　　display:　flex;
　　　　　　justify-content:　space-around;
　　}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
flex-start	Os itens elásticos ficam no início da linha do contêiner. Este é o valor padrão.
flex-end	Os itens elásticos ficam no final da linha.
center	Os itens ficam no centro do contêiner.
space-between	Distribuição uniforme dos itens elásticos ao longo da linha.
space-around	Distribuição uniforme dos itens elásticos, para que o espaço entre dois itens adjacentes seja o mesmo.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o justify do elemento pai-Valores do atributo content.

Compatibilidade do navegador

justify-Compatibilidade do navegador do atributo content, 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 11+ Apple Safari 6。1+ Opera 12。1+