HTML und CSS · Junior · Frage 28 von 75
Ein Container hat display: flex; flex-direction: column; justify-content: center. Wie sind seine Kinder ausgerichtet?
- 1Horizontal zentriert, genau wie in einer normalen Zeile
- 2Gar nicht:
justify-contentfunktioniert nicht mitflex-direction: column - 3Vertikal zentriert (wenn der Container freie Höhe hat)
Antwort zeigen
Richtige Antwort: Vertikal zentriert (wenn der Container freie Höhe hat)
Erklärung
Bei flex-direction: column wird die Hauptachse vertikal, also zentriert justify-content: center die Items vertikal. Die horizontale Ausrichtung steuert in diesem Fall align-items. Der Effekt ist nur sichtbar, wenn der Container höher als sein Inhalt ist.