Wyśrodkowanie elementów za pomocą align-content w CSS

W CSS właściwość align-content umożliwia kontrolowanie rozmieszczenia całych wierszy w elastycznych kontenerach (flexbox) lub siatkach (grid), szczególnie gdy w kontenerze znajduje się więcej niż jeden wiersz. 

Jak działa align-content?

Wartość align-content wpływa na sposób rozmieszczenia wierszy wewnątrz kontenera, gdy dostępne jest dodatkowe miejsce wzdłuż osi poprzecznej. Może być używana do wyśrodkowania wierszy lub rozmieszczenia ich w różny sposób.

Wyśrodkowanie z align-content

.flex-container {
  display: flex;
  flex-wrap: wrap; /* Pozwala na więcej niż jeden wiersz */
  height: 300px; /* Wysokość kontenera */
  align-content: center;
}

Inne z tej kategorii: Programowanie
Takie tam: www.marczuk.org