Maksud nilai center bagi align-items dalam CSS

Nilai center membolehkan anda melaraskan elemen ke tengah sepanjang paksi silang:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* pusatkan sepanjang paksi silang */
}

Keputusan pelaksanaan kod:

Задание 1

Ulang halaman mengikut contoh ini:

Задание 2

Ulang halaman mengikut contoh ini:

Задание 3

Ulang halaman mengikut contoh ini:

Задание 4

Ulang halaman mengikut contoh ini:

Задание 5

Ulang halaman mengikut contoh ini:

Задание 6

Ulang halaman mengikut contoh ini: