- Регистрация
- 23.09.18
- Сообщения
- 12.347
- Реакции
- 176
- Репутация
- 0
Столкнулся с проблемой выравнивания по вертикали. Решение и код CSS
Выравнивание по горизонтали
По горизонтали выравнивается всё просто, достаточно в CSS прописать код
.NaschClass{
margin: 10px auto;
}
10px — отступ сверху, auto — со всех остальных сторон.
Выравнивание по вертикали
Вот здесь пришлось помучиться, поискать.
doctype html>
Under construction
left: 50%; top: 50% выравнивают левый верхний угол div'а по центру страницы — полширины и полвысоты окна, а чтобы получить «настоящую» центровку, нужно от текущей позиции дива отнять его личные полвысоты и полширины. это делается через margin-top: -[полвысоты]px; margin-left: -[полширины]px.
Выравнивание по горизонтали
По горизонтали выравнивается всё просто, достаточно в CSS прописать код
.NaschClass{
margin: 10px auto;
}
10px — отступ сверху, auto — со всех остальных сторон.
Выравнивание по вертикали
Вот здесь пришлось помучиться, поискать.
doctype html>
Under construction
left: 50%; top: 50% выравнивают левый верхний угол div'а по центру страницы — полширины и полвысоты окна, а чтобы получить «настоящую» центровку, нужно от текущей позиции дива отнять его личные полвысоты и полширины. это делается через margin-top: -[полвысоты]px; margin-left: -[полширины]px.