Атрибут align тега <colgroup>
Описание
Атрибут align для тега <colgroup> определяет горизонтальное выравнивание содержимого всех ячеек в группе столбцов таблицы. Этот атрибут устарел в HTML5 и рекомендуется использовать CSS вместо него.
<table border="1">
<colgroup align="center"></colgroup>
<colgroup align="right"></colgroup>
<tr>
<td>По центру</td>
<td>По правому краю</td>
</tr>
</table>
Допустимые значения:
| Значение | Описание | Эквивалент CSS |
|---|---|---|
left |
Выравнивание по левому краю (по умолчанию) | text-align: left |
center |
Выравнивание по центру | text-align: center |
right |
Выравнивание по правому краю | text-align: right |
justify |
Выравнивание по ширине | text-align: justify |
char |
Выравнивание по указанному символу | text-align: char |
Современная альтернатива с CSS:
<style>
.centered-col { text-align: center; }
.right-aligned { text-align: right; }
</style>
<table>
<colgroup class="centered-col"></colgroup>
<colgroup class="right-aligned"></colgroup>
<tr>
<td>По центру</td>
<td>По правому краю</td>
</tr>
</table>
Особенности работы:
- Применяется ко всем ячейкам в группе столбцов
- Может быть переопределен атрибутом
alignв отдельных ячейках - Не влияет на выравнивание заголовков (
<th>) - Значение
charимеет ограниченную поддержку браузерами - Устарел в HTML5 в пользу CSS
Рекомендации:
- Избегайте использования в новых проектах
- Для числовых данных используйте
text-align: right - Для заголовков предпочтительно центрирование
- Сочетайте с
vertical-alignдля вертикального позиционирования - Используйте CSS-классы для гибкости
Пример с вертикальным выравниванием:
<style>
.numeric-data {
text-align: right;
vertical-align: middle;
font-family: monospace;
}
</style>
<table>
<colgroup class="numeric-data"></colgroup>
<tr>
<td>1234.56</td>
</tr>
</table>
Примечание: Хотя атрибут align продолжает работать в браузерах для обратной совместимости, современные веб-стандарты рекомендуют использовать CSS-свойство text-align, которое предоставляет больше возможностей и лучше поддерживается.