HTML <td> valignАтрибуты

Примеры

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

<table border="1" style="height:200px">
<tr>
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr>
<td valign="top">Январь</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">Февраль</td>
<td valign="bottom">$80</td>
</tr>
</table>

Попробуйте сами »

Поддержка браузеров

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

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

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

Атрибут valign задаёт вертикальное выравнивание содержимого внутри ячейки.

Синтаксис

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

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