Как сделать по центру страницы

Как сделать по центру страницы

Internet Explorer Chrome Opera Safari Firefox Android iOS 6.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Выровнять блочный элемент заданной ширины по центру горизонтали веб-страницы.

Решение

По умолчанию ширина блочного элемента принимает значение auto, и он, как правило, занимает всю доступную ширину. Поэтому описанным методом по центру можно выровнять только такой элемент, у которого явно задана ширина в процентах или пикселах. После чего к стилю слоя следует добавить отступ слева (стилевое свойство margin-left) и справа (margin-right) со значением auto. Впрочем, также можно воспользоваться универсальным свойством margin со значением auto (пример 1).

Пример 1. Выравнивание слоя по центру

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Выравнивание слоя по центру</title> <style> .center { width: 200px; / Ширина элемента в пикселах / padding: 10px; / Поля вокруг текста / margin: auto; / Выравниваем по центру / background: #fc0; / Цвет фона / } </style> </head> <body> <div class="center"> Длина вектора переворачивает положительный двойной интеграл. </div> </body> </html>

Результат примера показан на рис. 1.

Слой, выровненный по центру

Рис. 1. Слой, выровненный по центру

Как сделать по центру страницы 430
Как сделать по центру страницы 326
Как сделать по центру страницы 942
Как сделать по центру страницы 827
Как сделать по центру страницы 135
Как сделать по центру страницы 998
Как сделать по центру страницы 285
Как сделать по центру страницы 162
Как сделать по центру страницы 723
Как сделать по центру страницы 321
Как сделать по центру страницы 870
Как сделать по центру страницы 502
Как сделать по центру страницы 211
Как сделать по центру страницы 532
Как сделать по центру страницы 434
Тонзиллит у ребенка лечение в домашних условияхИндира с днем рождения открыткаКурятники большие своими рукамиКак сделать приглашение из турцииКак приворожить любимую девушку по фото а домашних условияхРозовый подарок девушке наКак сделать желейного червякаПоздравления в день мамы четверостишьеЧто можно сделать своими руками женщинамКак сделать антенну двб-т2Как сделать картину из бумаги объемнойАквариум своими руками не из картонаКак сделать поделку с макаронамиКак сшить шторы окно с дверьюКак сделать надпись в ячейке

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

  • Уход в домашних условиях девушка
  • Как сделать кнопку на унитазе
  • Из винной бутылки своими руками
  • Как сделать из лоскутков ткани коврики
  • Спирт из винограда в домашних условиях