1. Атрибут align-self определяет выравнивание гибких элементов индивидуально в направлении боковой оси (вертикальной оси).
2. align-self имеет дополнительный атрибут auto (значение по умолчанию), который представляет значение атрибута align-items, унаследованного от гибкого контейнера.
Пример
.контейнер{
/* Определить гибкий контейнер */
дисплей: гибкий;
/*
Задайте направление расположения элементов внутри строки контейнера: определите направление расположения слева направо, обратная строка: справа налево, столбец: сверху вниз, обратная колонка: снизу вверх
*/
гибкое направление: строка;
/*
Установите выравнивание элементов в контейнере по поперечной оси: если высота элемента не задана, высота элемента будет растянута до той же высоты, что и контейнер (по умолчанию).
flex-start: к начальному положению (вверх/влево) на поперечной оси. Выровнять flex-end: к конечному положению (вниз/вправо) на поперечной оси. Центр выравнивания: базовая линия выравнивания по центру: убедитесь, что текст находится в поле. элемент одновременно. Базовая линия (убедитесь, что каждый текст находится на одной строке).
*/
выровнять-элементы: базовая линия;
высота: 800upx;
цвет фона: #FFC0CB;
}
.текст{
размер шрифта: 20 пикселей;
ширина: 150 пикселей;
высота: 150upx;
}
.красный{
цвет фона: красный;
/*
Перезаписать выравнивание элементов в контейнере по поперечной оси auto: по умолчанию, что указывает на наследование свойства align-items родительского элемента. Stretch: если высота элемента не установлена, высота элемента будет растянута до одинакового значения. высота как контейнер (по умолчанию)
flex-start: к начальному положению (вверх/влево) на поперечной оси. Выровнять flex-end: к конечному положению (вниз/вправо) на поперечной оси. Центр выравнивания: базовая линия выравнивания по центру: убедитесь, что текст находится в поле. элемент одновременно. Базовая линия (убедитесь, что каждый текст находится на одной строке).
*/
выровнять-сам: центр;
}
.зеленый{
цвет фона: зеленый;
}
.синий{
цвет фона: синий;
}Вышеупомянутое представляет собой введение в атрибут align-self в CSS. Надеюсь, оно будет полезно всем.