¿Qué es el atributo align-self en CSS?

1. El atributo align-self define la alineación de los elementos flexibles individualmente en la dirección del eje lateral (eje vertical).

2. align-self tiene un auto adicional (valor predeterminado), que representa el valor del atributo de alineación de elementos heredado del contenedor flexible.

Ejemplo

 .recipiente{
/* Definir contenedor flexible */
pantalla: flexible;
/*
Establezca la dirección de disposición de los elementos dentro de la fila del contenedor: defina la dirección de disposición de izquierda a derecha fila inversa: de derecha a izquierda columna: de arriba a abajo columna inversa: de abajo hacia arriba
*/
dirección flexible: fila;

/*
Establezca la alineación de los elementos en el contenedor en el estiramiento del eje transversal: cuando no se establece la altura del elemento, la altura del elemento se estirará a la misma altura que el contenedor (predeterminado)
flex-start: hacia la posición inicial (arriba/izquierda) en el eje transversal. Alinear flex-end: hacia la posición final (hacia abajo/derecha) en el eje transversal. Centro de alineación: línea base de alineación centrada: asegúrese de que el texto en el. El elemento es al mismo tiempo una línea de base (asegúrese de que cada texto esté en la misma línea).
*/

alinear elementos: línea de base;

altura: 800upx;
color de fondo: #FFC0CB;

}

            .TXT{
tamaño de fuente: 20px;
ancho: 150upx;
altura: 150upx;
}

.rojo{
color de fondo: rojo;

/*
Reescriba la alineación de los elementos en el contenedor en el eje transversal automático: predeterminado, lo que indica que se hereda la propiedad align-items del elemento principal estiramiento: cuando la altura del elemento no está establecida, la altura del elemento se estirará al mismo altura como el contenedor (predeterminado)
flex-start: hacia la posición inicial (arriba/izquierda) en el eje transversal. Alinear flex-end: hacia la posición final (hacia abajo/derecha) en el eje transversal. Centro de alineación: línea base de alineación centrada: asegúrese de que el texto en el. El elemento es al mismo tiempo una línea de base (asegúrese de que cada texto esté en la misma línea).
*/
alinearse a sí mismo: centrar;
}

.verde{
color de fondo: verde;
}

.azul{
color de fondo: azul;
}

Lo anterior es una introducción al atributo align-self en CSS. Espero que sea útil para todos.