HTML DOM propiedad Estilo justifyContent
Ejemplos
En el elemento que rodea flexibles <div> se deja en blanco:
document.getElementById("main".style.justifyContent="space-between";
Trate »
Definición y Uso
justifyContent en alineación dentro del contenedor (nivel) cuando no está ocupado todo el espacio disponible en el recipiente flexible husillo.
Consejo: Utilice alignContent eje de alineación característica de la cruz (vertical).
Soporte para el navegador
Firefox, Opera y Chrome soportan el atributo justify-contenido.
gramática
Volver propiedades justifyContent:
object .style.justifyContent
Configuración de las propiedades justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
propiedad Valor
| 值 | 描述 |
|---|---|
| flex-start | 默认值。项目位于容器的开头。 |
| flex-end | 项目位于容器的结尾。 |
| center | 项目位于容器的中心。 |
| space-between | 项目位于各行之间留有空白的容器内。 |
| space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalles técnicos
| Por defecto: | flex-inicio |
|---|---|
| Devuelve: | Cadena que representa justificar contenido de atributos de los elementos. |
| versión CSS | CSS3 |
Artículos relacionados
Manual de Referencia CSS: Los atributos justificar-contenido
HTML DOM estilo de referencia: la propiedad alignContent
HTML DOM estilo de referencia: la propiedad alignItems
HTML DOM estilo de referencia: la propiedad alignSelf