manual de referencia CSS

CSS @reglas(RULES)

catálogo de propiedades CSS

Atributo left de CSS Atributo height de CSS

CSS3 justify-Método de uso y ejemplo del atributo content

justify-El atributo content se utiliza para configurar o recuperar la forma de alineación del elemento contenedor en la dirección del eje principal (eje horizontal).

La tabla a continuación proporciona la descripción de uso y el historial de versiones de este atributo, así como la sintaxis de uso del atributo en el script de JavaScript.

Valor predeterminado:	flex-start
Aptitud para:	Contenedor elástico
Herencia:	No
Animable:	No.Ver: Atributos de animación.
Versión:	CSS3nuevas características
JavaScript:	objeto.style.justifyContent="espacio-around"

Pruebas de uso del contenido

La sintaxis de este atributo es la siguiente:

justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit

Los siguientes ejemplos muestran cómo usar justify-Atributo content.

Ejemplo

.flex-contenedor {
　　　　　　/*　Safari　*/
　　　　　　display:　-webkit-flex;
　　　　　　-webkit-justify-content: espacio-around;
　　　　　　
　　　　　　display: flex;
　　　　　　justify-content: espacio-around;
　　}

Prueba a ver‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
flex-start	Los elementos elásticos se sitúan al principio de la línea del contenedor. Esto es el valor predeterminado.
flex-end	Los elementos elásticos se sitúan al final de la línea.
center	Los elementos se sitúan en el centro del contenedor.
space-between	Distribución uniforme de elementos elásticos a lo largo de la línea.
space-around	Distribución uniforme de elementos elásticos, de modo que el espacio entre dos elementos adyacentes sea el mismo.
initial	Establezca este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza justify de su elemento padre-Valores del atributo content.

Compatibilidad del navegador

justify-La compatibilidad del navegador del atributo content, los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

	FireFox 18+ ^-moz-,28+ Google Chrome 21+ ^-webkit-,29+ Internet Explorer 11+ Apple Safari 6.1+ Opera 12.1+

Leer más

Consulte el siguiente tutorial:Fuente de CSS,Unidades de CSS,Elementos pseudo de 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.

Atributo left de CSS Atributo height de CSS