Atributo alignContent del estilo

Definición y uso

Cuando los proyectos no utilizan todo el espacio disponible en el eje horizontal (vertical)，alignContent Alinea los proyectos del contenedor flexible con el atributo.

Consejo：Utilice Atributo justifyContent Alinea los proyectos en el eje principal (horizontal).

Comentarios：Se deben tener múltiples proyectos en varias líneas para que este atributo funcione.

Ejemplo

Coloque los elementos <div> flexibles en las dos líneas con espacio entre ellas：

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

Pruebe usted mismo

Sintaxis

Devolver el atributo alignContent：

object.style.alignContent

Configurar el atributo alignContent：

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

Valor del atributo

Valor Descripción
stretch Valor predeterminado. La línea se estira para ocupar el espacio restante.
center Los proyectos están ubicados en el centro del contenedor.
flex-start Los proyectos están ubicados en el inicio del contenedor.
flex-end Los proyectos están ubicados en el extremo del contenedor.
space-between Los proyectos están ubicados entre las líneas con espacio.
space-around Deja un espacio en blanco antes, entre y después de las líneas del proyecto.
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： stretch
Valor devuelto： Cadena que representa el Atributo align-content。
Versión de CSS： CSS3

Compatibilidad del navegador

alignContent Es una característica de CSS3 (1999).

Todos los navegadores lo soportan completamente：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soportado Soportado Soportado Soportado Soportado 11

Páginas relacionadas

Manual de referencia CSS：Atributo align-content

Manual de estilo DOM HTML：Atributo alignItems

Manual de estilo DOM HTML：Atributo alignSelf

Manual de estilo DOM HTML：Atributo justifyContent