Атрибут align тега <tr>
Описание
Атрибут align для тега <tr> определяет горизонтальное выравнивание содержимого всех ячеек строки таблицы. Этот атрибут устарел в HTML5 и рекомендуется использовать CSS вместо него.
<table>
<tr align="center">
<td>Ячейка 1</td>
<td>Ячейка 2</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-row td {
text-align: center;
}
</style>
<table>
<tr class="centered-row">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
Рекомендации:
- Используйте CSS вместо атрибута align
- Для сложного форматирования применяйте классы
- Учитывайте наследование стилей в таблицах
- Тестируйте отображение в разных браузерах
Ограничения устаревшего атрибута:
- Не поддерживается в строгом HTML5
- Ограниченные возможности по сравнению с CSS
- Плохая поддержка адаптивного дизайна
- Смешивает структуру и оформление
Совместимость с браузерами:
Хотя атрибут align продолжает работать в большинстве браузеров для обратной совместимости, его использование считается плохой практикой.
Примечание: Для вертикального выравнивания в строке таблицы используйте CSS-свойство vertical-align, которое не имеет отношения к атрибуту align.