@HelmutKampfe

Align-items: почему не работает?

<div class="register-container-flex">
        <div class="register-container">
        </div>
    </div>


.register-container-flex{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.register-container{
    width: 100%;
    max-width: 500px;
    height: 600px;
    background-color: #0000F0;
}


register-container нужно выравнять по центру страницы, но почему-то не хочет)
  • Вопрос задан
  • 7208 просмотров
Решения вопроса 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Предположу, что забыли задать 100% высоту для всей страницы
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
Ответ написан
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Так у вас скорее всего у родителя блока .register-container-flex высота такая же, как у самого блока register-container. Вот смотрите ваш код https://jsfiddle.net/auz7w5fp/1/ все корректно. Я дополнительно задал для родителя
всего этого height: 100%;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы