Atributo justifyContent del estilo

Definición y uso

Cuando los elementos no utilizan todo el espacio disponible en el eje principal (horizontal), justifyContent Alinea los elementos del contenedor flexible.

Consejo:Utilice alignContent Alinea los elementos en el eje horizontal (vertical).

Vea también:

Manual de Referencia de CSS:Atributo justifyContent

Ejemplo

Deje espacio entre los elementos del <div> flexible:

document.getElementById("main").style.justifyContent = "space-between";

Pruebe usted mismo

Sintaxis

Devolver el atributo justifyContent:

object.style.justifyContent

Configurar el atributo justifyContent:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Valor del atributo

Valor Descripción
flex-start Valor predeterminado. Los elementos se sitúan en el principio del contenedor.
flex-end Los elementos se sitúan en el extremo del contenedor.
center Los elementos se sitúan en el centro del contenedor.
space-between Deje espacio para los elementos entre las líneas.
space-around Deje espacio para los elementos entre las líneas antes, entre las líneas y después de las líneas.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: flex-start
Valor devuelto: Cadena de caracteres que representa el Atributo justifyContent.
Versión de CSS: CSS3

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 12.0 Soporte 9.0 Soporte

Páginas Relacionadas

Manual de Referencia de ESTILO DOM HTML:Atributo alignContent

Manual de Referencia de ESTILO DOM HTML:Atributo alignItems

Manual de Referencia de ESTILO DOM HTML:Atributo alignSelf