Sitemap

Таблица — отличный способ систематизированно представить большое количество информации.Данные о продажах, посещаемость веб-страниц, тенденции фондового рынка и оценки учащихся — примеры информации, которая часто представлена ​​в таблицах.

При добавлении таблицы на веб-страницу с помощью HTML может быть более привлекательным визуально разместить ее по центру страницы.Центрирование текста и изображений обычно выполняется с помощью класса text-align или с помощью CSS, но центрирование таблицы требует другого подхода.Ниже приведены подробные сведения о том, как центрировать таблицу на веб-странице.

Центрирование таблицы в HTML

При добавлении таблицы на веб-страницу по умолчанию она выравнивается по левой стороне страницы или контейнера, как показано ниже.

ХИТЫ МЕСЯЦ ОБЩЕЕ УВЕЛИЧЕНИЕ
324 497 январь 1998 г. -
436 699 февраль 1998 г. 112 172

Исходный код HTML для приведенной выше таблицы выглядит следующим образом.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Чтобы центрировать эту таблицу, вам нужно будет добавить ;margin-left:auto;margin-right:auto; до концаатрибут стиля в теге

.Тег таблицы будет выглядеть следующим образом.

Изменение атрибута стиля в теге

, как показано выше, приводит к центрированию таблицы на веб-странице, как показано ниже.
ХИТЫ МЕСЯЦ ОБЩЕЕ УВЕЛИЧЕНИЕ
324 497 январь 1998 г. -
436 699 февраль 1998 г. 112 172
Кончик

Вы можете добавить параметры к атрибуту стиля в теге

, чтобы сделать таблицу более привлекательной для глаз.Добавление отступов: 2px; и расстояние между границами: 20px; добавляет интервал между точками данных и границей для улучшения читаемости.

Связанная информация

Все категории: Сообщение об ошибке