HTML i CSS · Junior · Pytanie 28 z 75
Kontener ma display: flex; flex-direction: column; justify-content: center. Jak wyrównane są jego dzieci?
- 1Wyśrodkowane poziomo, jak w zwykłym wierszu
- ✓Poprawna odpowiedź: Wyśrodkowane pionowo (jeśli kontener ma wolną wysokość)
- 3W ogóle nie:
justify-contentnie działa zflex-direction: column
Wyjaśnienie
Przy flex-direction: column oś główna staje się pionowa, więc justify-content: center centruje elementy w pionie. Wyrównaniem poziomym steruje w tym przypadku align-items. Efekt widać tylko wtedy, gdy kontener jest wyższy od zawartości.