Выравнивание динамического контента по центру экрана в htnl5
18-05-2025, 09:19 . Разместил(а): Степан Ефимович
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 страници проходили валидаторы и корректно отображались во всех современных браузерах.