Центрирующий текст в столбцах таблиц с помощью colgroups

Общий вызов в таблицах HTML выравнивает текст в определенных столбцах. Несмотря на использование для постоянного форматирования всех ячеек в столбце, выравнивание текста остается неценцированным.

суть проблемы заключается в ограничениях CSS. Только несколько свойств CSS, в том числе фоновый цвет, применяются к столбцам. К сожалению, сходство текста не среди них.

, чтобы преодолеть это препятствие, требуется альтернативный подход. В данном примере добавление следующих правил CSS будет сосредоточить текст во всех ячеек таблицы, за исключением первого столбца:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

это решение использует тот факт, что Text-align применим к ячечкам таблицы. Обратите внимание, что этот метод не совместим с IE6, но с любопытством, в IE6, Text-Align фактически применяется (хотя и неправильно) к столбцам. . Решение этой незначительной проблемы гарантирует, что структура таблицы действительна в соответствии со стандартами HTML.