Содержание
Каскадные таблицы стилей (CSS) — это язык таблиц стилей, наиболее часто используемый для установки визуального стиля веб-страниц, написанных на HTML и XHTML. Вы можете быть новичком в веб-дизайне или CSS и иметь вопросы о том, как центрировать таблицу на веб-странице. Вы также можете быть опытным дизайнером, который не понимает, как выполнять эту технику сейчас, когда тег CENTER и атрибут align = «center» в теге TABLE устарели. С помощью CSS центрирование таблиц на веб-странице совсем не сложно.
Используйте CSS для центрирования таблицы
Вы можете добавить одну строку в таблицу стилей CSS, чтобы центрировать все таблицы по горизонтали:
или вы можете добавить эту же строку в таблицу напрямую:
Когда вы размещаете таблицу на веб-странице, вы помещаете ее в элемент уровня блока, такой как BODY, P, BLOCKQUOTE или DIV. Вы можете центрировать таблицу внутри этого элемента, используя наценка: авто; стиль. Это говорит браузеру, чтобы поля были на всех сторонах таблицы равными, что позиционирует таблицу в центре веб-страницы.
Некоторые старые веб-браузеры не поддерживают этот метод
Если ваш сайт должен поддерживать более старый веб-браузер, такой как Internet Explorer 6, вам необходимо продолжать использовать выровняйте = «центр» или тег CENTER для центрирования ваших таблиц. Это единственная сложность, с которой вы столкнетесь при центрировании своих таблиц на веб-странице. Использование этой техники легко и может быть выполнено в считанные минуты.