Форум мастеров

align-sel

Свойство align-self выравнивает флекс-элементы текущей строки, переписывая значение align-items.

Песочница

1
2
3
.parent {
  display: flex;
 }
.e2 {
  align-self: flex-start;
}

Краткая информация

Значение по умолчаниюauto
НаследуетсяНет
ПрименяетсяК флекс-элементу
АнимируетсяНет

Значения

auto
Берёт родительское значение align-items или stretch, если нет родителя.
flex-start
Элемент выравнивается в начале поперечной оси контейнера.
flex-end
Элемент выравнивается в конце поперечной оси контейнера.
center
Элемент выравнивается по центральной линии на поперечной оси.
baseline
Элемент выравнивается по базовой линии текста.
stretch
Элемент растягивается таким образом, чтобы занять всё свободное пространство контейнера по поперечной оси.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !