Атрибут valign тега <tbody>

Описание

Атрибут valign для элемента <tbody> задает вертикальное выравнивание содержимого всех ячеек в группе строк таблицы. Этот атрибут является устаревшим и рекомендуется заменять на CSS-свойства.

Пример использования:
<table border="1" height="200"> <tbody valign="middle"> <tr> <td>Текст 1</td> <td>Текст 2</td> </tr> <tr> <td>Текст 3</td> <td>Текст 4</td> </tr> </tbody> </table>

Значения атрибута:

Значение Описание CSS-эквивалент
top Выравнивание по верхнему краю vertical-align: top
middle Выравнивание по центру vertical-align: middle
bottom Выравнивание по нижнему краю vertical-align: bottom
baseline Выравнивание по базовой линии (по умолчанию) vertical-align: baseline

Особенности работы:

  • Применяется ко всем ячейкам внутри <tbody>
  • Может быть переопределен атрибутом valign в отдельных ячейках
  • Требует явного задания высоты таблицы или ячеек
  • Поддерживается браузерами, но считается устаревшим

Современный аналог на CSS:

<style> .vertical-align tbody td { vertical-align: middle; height: 100px; /* Для демонстрации */ } </style> <table border="1" class="vertical-align"> <tbody> <tr> <td>CSS выравнивание</td> <td>по центру</td> </tr> </tbody> </table>

Рекомендации:

  • Используйте CSS-свойство vertical-align вместо HTML-атрибута
  • Для табличных данных чаще всего подходит middle или top
  • Сочетайте с line-height для лучшего визуального результата
  • Тестируйте отображение на разных устройствах

Ограничения:

  • Не проходит валидацию при использовании строгого DOCTYPE
  • Ограниченная гибкость по сравнению с CSS
  • Может конфликтовать с современными CSS-стилями
  • Не поддерживает все возможности CSS vertical-align

Примечание: Для сложного вертикального позиционирования в таблицах используйте комбинацию CSS-свойств vertical-align, padding и line-height.