Выравнивание DIV по центру

Часто ли вам требовалось расположить блок по центру экрана? Делается это довольно просто.

Предположим, у вас есть div с шириной в 400px (width: 400px;). Присваиваем блоку class/id (<div class="center"></div>), в файле стилей пишем:
.center {
position: absolute;
left: 50%;
margin-left: -200px;
width: 400px;
}

В этом случае мы установили блоку ширину в 400px, присвоили абсолютное позиционирование, отодвинули на 50% от левого края экрана и убрали отступ в половину размера блока. DIV выровнен по центру.

VN:F [1.9.16_1159]
Rating: 8.2/10 (6 votes cast)
Выравнивание DIV по центру, 8.2 out of 10 based on 6 ratings

Похожие записи:

121 комментариев к “Выравнивание DIV по центру”

  1. Спасибо!

    [Ответить]

Оставить комментарий