Как div выровнять по центру?

2 ноября 2014 г. Просмотров: 379 Инструкции
Современные стандарты разметки страниц не запрещают использование табличной верстки, тем не менее, верстка слоями, по сути, стала обязательным стандартом при создании сайтов. Кроме очевидных преимуществ, вытеснение табличной верстки принесло и некоторые новые большие и маленькие проблемы. Одна из них - горизонтальное выравнивание структуры блоков в странице. Рассмотрим пару практических способов установить слой по центру ширины страницы.

Создать сайт самостоятельно с Wix.com

Вам понадобится

  • Начальные знания языка HTML

Инструкция

  • Один из вариантов решения задачи выравнивания какого либо слоя (блока DIV) по центру окна открытой страницы обходится только средствами HTML (HyperText Markup Language - «язык разметки гипертекста»). Нужно поместить блок внутрь тега . Простейший код страницы, сверстанный таким способом, может выглядеть, например, так:
  • Выравнивание DIV по центру

  • Другой вариант использует средства CSS (Cascading Style Sheets - «каскадные таблицы стилей»). В стиле выравниваемого слоя надо задать автоопределение величины отступа от границ окна. Код такой страницы в простейшем виде может быть, например, таким:
  • Выравнивание DIV по центру

    Оцените статью!