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