Bedeutung des center-Werts der align-items-Eigenschaft in CSS

Der Wert center ermöglicht es, Elemente zentriert entlang der Querachse auszurichten:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* zentrieren entlang der Querachse */
}

Ergebnis des Code-Ausführung:

Задание 1

Wiederholen Sie die Seite nach diesem Beispiel:

Задание 2

Wiederholen Sie die Seite nach diesem Beispiel:

Задание 3

Wiederholen Sie die Seite nach diesem Beispiel:

Задание 4

Wiederholen Sie die Seite nach diesem Beispiel:

Задание 5

Wiederholen Sie die Seite nach diesem Beispiel:

Задание 6

Wiederholen Sie die Seite nach diesem Beispiel: