HTML <tr> valignСвойство
Пример
HTML-таблица со строками, имеющими разное вертикальное выравнивание:
<table border="1"
style="height:200px">
<tr valign="middle">
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr valign="bottom">
<td>Январь</td>
<td>$150</td>
</tr>
</table>
<tr valign="middle">
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr valign="bottom">
<td>Январь</td>
<td>$150</td>
</tr>
</table>
Попробуйте сами »
Поддержка браузеров
![]()
![]()
![]()
![]()
![]()
Атрибут valign поддерживается во всех основных браузерах.
Определение и использование
HTML5 не поддерживает атрибут valign тега <tr>. Вместо этого используйте CSS.
Атрибут valign задаёт вертикальное выравнивание содержимого в строке таблицы.
Синтаксис
<tr valign="top|middle|bottom|baseline">
Значение свойства
| Значение | Описание |
|---|---|
| top | Выровнять содержимое по верхнему краю. |
| middle | Выравнивает содержимое по центру (значение по умолчанию). |
| bottom | Выровнять содержимое по нижнему краю. |
| baseline | Выравнивает по базовой линии. Базовая линия — это воображаемая линия. В строке текста большинство букв располагаются относительно базовой линии. Значение baseline задаёт для всех данных таблицы в строке общую базовую линию. Эффект этого значения часто такой же, как у значения bottom. Однако если размеры шрифта текста различаются, эффект baseline работает лучше. См. иллюстрацию ниже. |
Когда размер шрифта текста различается, диаграмма сравнения bottom и baseline:
valign="bottom"
valign="baseline"
HTML-тег <tr>другие расширения