skip to main content

align-self

css

Кратко 🔗

При помощи этого свойства можно выровнять один или несколько элементов по вертикальной оси иначе, чем задано у родительского элемента.

Пример 🔗

В этом примере у родителя задано выравнивание вложенных элементов по верхнему краю родителя. А для элемента с классом item мы задаём выравнивание по нижнему краю.

.container {
display: flex;
align-items: flex-start;
}

.item {
align-self: flex-end;
}

Как это понять 🔗

Иногда требуется все флекс-элементы выровнять по вертикальной оси одним образом, но один или несколько из них выровнять иначе.

Как пишется 🔗

Все значения этого свойства совпадают со значениями свойства align-items.

Подсказки 🔗

Автор: Алёна,