Выравнивание динамического контента по центру экрана в htnl5
div по центру экрана htnl5
Этот способ работает во всех современных браузерах без нареканий!!!
Простота и изящность в одном флаконе.
<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сайт</title>
<style>
html { height: 100%; }
body { height: 90%; }
</style>
</head>
<body>
<div style="display:table;height:100%;margin:0 auto;">
<div style="display:table-cell;vertical-align:middle;">
Выравниванием динамическое содержимое div по центру экрана
</div></div>
</body>
</html>
PS: Не нужно перебирать сотри способов, вполне достаточно и правильно знать всего один, но при этом полностью рабочий способ для центровки div по центру экрана по вертикали и горизонтали для того что бы ваши web страници проходили валидаторы и корректно отображались во всех современных браузерах. |
|
Понравилась эта статья?
Добавляй её в социальные закладки!
Помни, что именно от тебя зависит что будет на страницах интернета завтра!
Не дай рекламе завоевать интернет, цени бесплатное и качественное !!!
|
|
|
Всего проголосовало:
{allratingValue} Средний рейтинг {ratingValue} из 5
----------------------<cut>----------------------
Уважаемый посетитель, Вы зашли на сайт
как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.