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

Описание

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

Пример использования (устаревший способ):
<table border="1" height="100"> <tr> <td valign="top">Верх</td> <td valign="middle">Середина</td> <td valign="bottom">Низ</td> </tr> </table>

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

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

Современная CSS-альтернатива:

<style> .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .v-bottom { vertical-align: bottom; } </style> <table border="1" style="height: 100px;"> <tr> <td class="v-top">Верх</td> <td class="v-middle">Середина</td> <td class="v-bottom">Низ</td> </tr> </table>

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

  • Для текстового содержимого чаще всего подходит middle
  • Для заголовков можно использовать top
  • Сочетайте с padding для лучшего визуального результата
  • Всегда предпочитайте CSS-решение HTML-атрибутам

Ограничения устаревшего атрибута:

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

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