Выбор ответа Junior Flexbox спрашивают часто обновлено
Центрирование по горизонтали в колонке
Вопрос
Контейнер display: flex; flex-direction: column. Какое свойство отцентрирует детей по горизонтали?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: align-items: center. В колонке главная ось вертикальная, а поперечная горизонтальная. align-items работает по поперечной оси, значит центрирует по горизонтали. justify-content: center сдвинет детей по вертикали. align-content распределяет строки при переносе.…
Варианты ответа
justify-content: centeralign-items: centerправильный ответalign-content: centertext-align: center
Разбор
В колонке главная ось вертикальная, а поперечная горизонтальная. align-items работает по поперечной оси, значит центрирует по горизонтали. justify-content: center сдвинет детей по вертикали. align-content распределяет строки при переносе. text-align выровняет только текст внутри элементов, а не сами блоки.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.