Верстка · Junior · Запитання 28 з 75
Контейнер: display: flex; flex-direction: column; justify-content: center. Як будуть вирівняні дочірні елементи?
- 1По центру по горизонталі, як і у звичайному рядку
- ✓Правильна відповідь: По центру по вертикалі (якщо в контейнера є вільна висота)
- 3Ніяк:
justify-contentне працює зflex-direction: column
Пояснення
За flex-direction: column головна вісь стає вертикальною, тому justify-content: center центрує елементи по вертикалі. Горизонтальним вирівнюванням у цьому разі керує align-items. Ефект помітний, лише якщо висота контейнера більша за сумарну висоту вмісту.