Данная заметка содержит небольшой пример по CSS, который решает вопрос выравнивания блочного элемента div по центру. Заранее отмечу, что выравнивать я буду по вертикали.
Итак, стили:
.vertical-center-table {
display: table;
}
.vertical-center-cell {
display: table-cell;
vertical-align: middle;
}
А теперь непосредственно сама разметка на HTML:
<div class="vertical-center-table">
<div class="vertical-center-cell">
<p>Natoque mauris ac pede Mauris urna vitae Ut nibh at vitae.
Leo ut netus semper Morbi Donec Sed Nulla turpis Lorem augue.
Dictumst orci.</p>
</div>
</div>
Думаю смысл всем понятен, — для решения задачи просто имитируем табличную верстку вот и все. С Internet Explorer, по крайней мере 8.x, работает без особых проблем. Далее вы можете
Скачать рабочий примерили посмотреть снимок экрана. Вот собственно и все.
Свежие комментарии