CSS align-items Özelliğinin center Değeri

center değeri, elemanları çapraz eksen boyunca ortalar:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* yardımcı eksende ortala */
}

Kodun çalıştırılmasının sonucu:

Задание 1

Bu örneğe göre sayfayı tekrarlayın:

Задание 2

Bu örneğe göre sayfayı tekrarlayın:

Задание 3

Bu örneğe göre sayfayı tekrarlayın:

Задание 4

Bu örneğe göre sayfayı tekrarlayın:

Задание 5

Bu örneğe göre sayfayı tekrarlayın:

Задание 6

Bu örneğe göre sayfayı tekrarlayın: