Elemento a alinear

En la alineación de cajas CSS, el elemento a alinear es aquello (una o varias cosas) que la propiedad alinea dentro del contenedor de alineación.

Para justify-self y align-self, el elemento a alinear es la caja de margen de la caja en la que se define la propiedad, según el modo de escritura de esa caja. Para justify-content y align-content, también se tiene en cuenta el modo de escritura de la caja.

La definición del elemento a alinear depende del modo de diseño que se use.

Contenedores de bloque (incluidas las celdas de tabla)

Todo el contenido del bloque como una sola unidad.

Contenedores multicolumna

Las cajas de columna, con el espacio que se inserte entre ellas añadido a los espacios correspondientes entre columnas.

Contenedores flex

Para justify-content, los elementos flex de cada línea flex. Para align-content, las líneas flex. Ten en cuenta que esto solo tiene efecto en contenedores flex de varias líneas.

Contenedores de cuadrícula

Las pistas de la cuadrícula en el eje correspondiente; cualquier espacio insertado entre ellas se añade a los gutters pertinentes. Los gutters colapsados se tratan como un único punto donde es posible insertar espacio.