Как вертикально центрировать отделения? [дубликат]
4 ответа
Лучший подход в современных браузерах - использовать flexbox:
#Login {
display: flex;
align-items: center;
}
Некоторым браузерам потребуются префиксы поставщика. Для старых браузеров без поддержки flexbox (например, IE 9 и ниже) вам необходимо реализовать резервное решение, используя один из старых методов .
Рекомендуемая литература
если вы используете div с фиксированной высотой, вы можете использовать padding-top в соответствии с потребностями вашего дизайна. или вы можете использовать top: 50% . если мы используем div, то выравнивание по вертикали не работает, поэтому мы используем верхний отступ или позицию в соответствии с потребностями.
div не могут быть выровнены по вертикали таким образом, однако вы можете использовать поля или положение: относительно, чтобы изменить его место нахождения.
Если вы знаете высоту, вы можете использовать абсолютное позиционирование с отрицательным margin-top следующим образом:
#Login {
width:400px;
height:400px;
position:absolute;
top:50%;
left:50%;
margin-left:-200px; /* width / -2 */
margin-top:-200px; /* height / -2 */
}
В противном случае нет реального способа центрировать div по вертикали с помощью только CSS