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

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

Атрибут valign элемента HTML td

Атрибут valign определяет способ вертикального выравнивания содержимого ячейки, онлайн пример демонстрирует, как использовать атрибут valign элемента HTML td, совместимость браузеров, определение синтаксиса и подробную информацию о значениях свойств.

　HTML <td> тег

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

Внутренняя вертикальная выравнивание содержимого в элементе <td>:

Пример

<table　style="width:100%"　border="1"　height="400">
　　<tr>
　　　　<th>Номер</th>
　　　　<th>Месяц</th>
　　　　<th>Сбережения</th>
　　</tr>
　　<tr>
　　　　<td　valign="top">1</td>
　　　　<td　valign="top">Январь</td>
　　　　<td　valign="top">3100</td>
　　</tr>
　　<tr>
　　　　<td　valign="bottom">2</td>
　　　　<td　valign="bottom">Февраль</td>
　　　　<td　valign="bottom">2180</td>
　　</tr>
</table>

Тестировать, смотреть ‹/›

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

IEFirefoxОпераChromeSafari

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

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

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

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

Синтаксис

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

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

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

Графическое сравнение bottom vs. baseline при различном размере текста:

valign="bottom"

valign="baseline"

　HTML <td> тег

HTML: <template> тег