Ejemplo
Hacer un poco de espacio entre los elementos de la flexibilidad <div> elemento:
document.getElementById("main".style.justifyContent = "space-between"; Inténtalo tú mismo " Definición y Uso
La propiedad justifyContent alinea los elementos del contenedor flexible cuando los artículos no utilizan todo el espacio disponible en el eje principal (horizontally) .
Consejo: Utilice la propiedad alignContent para alinear los elementos en el eje transversal (vertically) .
Soporte del navegador
La propiedad justificar contenido es compatible con Firefox, Opera y Chrome.
Sintaxis
Devolver la propiedad justifyContent:
object .style.justifyContent Establecer la propiedad justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| flex-start | Valor por defecto. Los productos que están colocados al principio del recipiente |
| flex-end | Los artículos se colocan en el extremo del recipiente |
| center | Los artículos se colocan en el centro del recipiente |
| space-between | Los artículos se colocan con el espacio entre las líneas |
| space-around | Los artículos se colocan con el espacio antes, entre y después de las líneas |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | flex-inicio |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad justificar en el contenido de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: justify-content property
HTML DOM estilo de referencia: alignContent property
HTML DOM estilo de referencia: alignItems property
HTML DOM estilo de referencia: alignSelf property
<Estilo de objeto