Latest web development tutorials

HTML DOM propiedad Estilo alignContent

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Alinear los elementos <div> elemento flexible:

document.getElementById("myDIV").style.alignContent="center";

Trate »

Definición y Uso

propiedad alignContent alineado dentro del contenedor (vertical) en el eje cuando el recipiente flexible cruz desocupado todo el espacio disponible.

Consejo: el establecimiento Uso justifyContent alinear el (horizontal) en el eje.

Nota: Debe varios elementos de línea dentro del contenedor, esta propiedad con el fin de generar el efecto.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Chrome y Opera apoyo alignContent propiedad.


gramática

alignContent propiedades para la espalda:

object .style.alignContent

Configuración de las propiedades alignContent:

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

propiedad Valor

描述
stretch 默认值。项目被拉伸以适应容器。
center 项目位于容器的中心。
flex-start 项目位于容器的开头。
flex-end 项目位于容器的结尾。
space-between 项目位于各行之间留有空白的容器内。
space-around 项目位于各行之前、之间、之后都留有空白的容器内。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: tramo
Devuelve: Cadena que representa atributos de elementos alinear en el contenido.
versión CSS CSS3


Artículos relacionados

CSS Referencia: alinear atributos = left-contenido

HTML DOM estilo de referencia: la propiedad alignItems

HTML DOM estilo de referencia: la propiedad alignSelf

HTML DOM estilo de referencia: la propiedad justifyContent


Estilo de referencia de objetos Objetos de estilo