Как центрировать таблицу с помощью CSS

Каскадные таблицы стилей (CSS) — это язык таблиц стилей, наиболее часто используемый для установки визуального стиля веб-страниц, написанных на HTML и XHTML. Вы можете быть новичком в веб-дизайне или CSS и иметь вопросы о том, как центрировать таблицу на веб-странице. Вы также можете быть опытным дизайнером, который не понимает, как выполнять эту технику сейчас, когда тег CENTER и атрибут align = «center» в теге TABLE устарели. С помощью CSS центрирование таблиц на веб-странице совсем не сложно.

Используйте CSS для центрирования таблицы

Вы можете добавить одну строку в таблицу стилей CSS, чтобы центрировать все таблицы по горизонтали:

или вы можете добавить эту же строку в таблицу напрямую:

Когда вы размещаете таблицу на веб-странице, вы помещаете ее в элемент уровня блока, такой как BODY, P, BLOCKQUOTE или DIV. Вы можете центрировать таблицу внутри этого элемента, используя наценка: авто; стиль. Это говорит браузеру, чтобы поля были на всех сторонах таблицы равными, что позиционирует таблицу в центре веб-страницы.

Некоторые старые веб-браузеры не поддерживают этот метод

Если ваш сайт должен поддерживать более старый веб-браузер, такой как Internet Explorer 6, вам необходимо продолжать использовать выровняйте = «центр» или тег CENTER для центрирования ваших таблиц. Это единственная сложность, с которой вы столкнетесь при центрировании своих таблиц на веб-странице. Использование этой техники легко и может быть выполнено в считанные минуты.

Ссылка на основную публикацию