CSS atributo justificar-content
Exemplos
No elemento <div> na bolsa flexível em torno do objeto esquerda em branco:
div
{
display: flex;
justify-content: space-around;
}
{
display: flex;
justify-content: space-around;
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- após a primeira versão para suportar a propriedade prefixo.
propriedade | |||||
---|---|---|---|---|---|
justificar-content | 29,0 21,0 -webkit- | 11.0 | 28,0 18,0 -moz- | 9 6.1 -webkit- | 17,0 |
Definição e Uso
caixa de justificar-conteúdo é usado para definir ou recuperar o elemento elástico na direcção do eixo (horizontal) de alinhamento.
Dica: Use o índice-align atributo align do eixo transversal (vertical).
padrão: | flex-start |
---|---|
herança: | não |
Pode ser animado: | NO. Por favor, consulte a animação (Animatable) . |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.justifyContent = "espaço-entre"tentar |
CSS Syntax
justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
Valor de propriedade
值 | 描述 | 测试 |
---|---|---|
flex-start | 默认值。项目位于容器的开头。 | 测试 » |
flex-end | 项目位于容器的结尾。 | 测试 » |
center | 项目位于容器的中心。 | 测试 » |
space-between | 项目位于各行之间留有空白的容器内。 | 测试 » |
space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 | 测试 » |
initial | 设置该属性为它的默认值。请参阅 initial 。 | 测试 » |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
artigos relacionados
CSS Referência: alinhar atributos = left-conteúdo
CSS Referência: align = itens de atributos esquerda Ver
CSS Referência: alinhar propriedades = left independentes