Руководство по HTML

Полный список HTML-тегов

HTML: <tr> valign

<tr> Использование属性 valign, valign определяет способ вертикального выравнивания содержимого строки таблицы, онлайн пример демонстрирует использование атрибута valign, совместимости браузеров, синтаксиса и его значений.

　HTML <tr> тег

Онлайн пример

HTML-таблица с различными способами вертикальной выравненности строк:

Пример

<table　style="width:100%"　border="1">
　　　<tr　valign="middle">
　　　　<td>2018</td>
　　　　<td>$15320.00</td>
　　</tr>
　　　<tr　valign="top">
　　　　<td>2019</td>
　　　　<td>$18320.00</td>
　　</tr>
</table>

Проверить, посмотрите ›/‹

Совместимость браузеров

IEFirefoxОпераChromeSafari

Все основные браузеры поддерживают свойство valign.

Определение и использование

HTML5 не поддерживает свойство valign <tr>. Используйте CSS вместо этого.

Свойство valign определяет способ вертикального выравнивания содержимого строки таблицы.

Грамматика

<tr valign="top|middle|bottom|baseline">

Значение свойств

Значение	Описание
top	Сбросить содержимое вверх.
middle	Центрировать содержимое по горизонтали (по умолчанию).
bottom	Сбросить содержимое вниз.
baseline	С базовой линией. Базовая линия — это воображаемая линия. В строке текста, большинство букв основываются на базовой линии. Значение baseline устанавливает, что все данные таблицы делят одну базовую линию. Эффект этой стоимости часто совпадает с bottom. Но если размер текста разный, то эффект baseline лучше. Посмотрите на следующее изображение.

Когда размер текста разный, изображение bottom vs. baseline:

valign="bottom"

valign="baseline"

　HTML <tr> тег

HTML: <template> тег