Η τιμή center της ιδιότητας align-items στο CSS

Η τιμή center επιτρέπει την στοίχιση των στοιχείων στο κέντρο κατά μήκος του εγκάρσιου άξονα:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* κεντράρουμε κατά μήκος του δευτερεύοντος άξονα */
}

Αποτέλεσμα εκτέλεσης του κώδικα:

Задание 1

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα:

Задание 2

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα:

Задание 3

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα:

Задание 4

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα:

Задание 5

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα:

Задание 6

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα: