libro de referencias de CSS

reglas de CSS @

大全 de propiedades de CSS

CSS3 align-Atributo self CSS3 align-Atributo content

CSS3 align-Uso y ejemplos de la propiedad 'items'

align-La propiedad 'items' especifica el alineamiento predeterminado de los elementos en el contenedor flexible.

La siguiente tabla resume el contexto de uso y el historial de versiones de esta propiedad.

Valor por defecto:	stretch
Apto para:	Contenedor flexible
Herencia:	No
Animable:	No.Vea Atributos de animación.
Versión:	CSS3nueva característica
Sintaxis de JavaScript:	object.style.alignItems="center"

align-Sintaxis de uso de items

La sintaxis de esta propiedad es la siguiente:

align-items:　baseline　|　center　|　flex-start　|　flex-end　|　stretch　|　initial　|　inherit

El siguiente ejemplo muestra el align que se está utilizando:-propiedad items.

Ejemplo

　.flex-container　{
　　　　　　　　　　　/*　Safari　*/
　　　　　　　　　　　display:　-webkit-flex;　
　　　　　　　　　　　-webkit-align-items:　center;
　　　　　　　　　　　
　　　　　　　　　　　display:　flex;
　　　　　　　　　　　align-items:　center;
　　　}

Prueba y mira‹/›

Valor de la propiedad

La tabla a continuación describe los valores de esta propiedad.

Valor	Descripción
baseline	El elemento se encuentra en la línea base del contenedor flexible.
center	El elemento se encuentra en el centro del contenedor de flexibilidad.
flex-start	El elemento se encuentra en el principio del contenedor de flexibilidad.
flex-end	El elemento se encuentra en el extremo final del contenedor de flexibilidad.
stretch	Estire el elemento para que se ajuste al contenedor de flexibilidad. El espacio disponible se distribuye de manera uniforme entre todos los elementos. Este es el valor predeterminado.
initial	Establezca este atributo en su valor predeterminado.
inherit	Si se especifica, los elementos relacionados adoptan la propiedad align del elemento padre.-Valores de items.

Compatibilidad del navegador

align-Compatibilidad del navegador para la propiedad items, todos los navegadores principales admiten esta propiedad.

	Firefox 20+ Google Chrome21+ Internet Explorer 11+ Apple Safari 7+ ^-webkit- Opera 12.1+

Nota: Apple Safari 7y versiones posteriores que soportan esta alineación-propiedad items, pero necesita-webkit-prefijo, por ejemplo-webkit-align-items: center;

Leer más

Consulte los siguientes tutoriales:Alineación CSS.

Propiedades relacionadas:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-flow,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.

CSS3 align-Atributo self CSS3 align-Atributo content