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

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

HTML: <th> свойство valign

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

　HTML <th> тег

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

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

Пример

<table　style="width:100%"　border="1">
　　<tr>
　　　　<th　valign="bottom">Год</th>
　　　　<th　valign="bottom">Доход</th>
　　</tr>
　　<tr>
　　　　<td>2018</td>
　　　　<td>$19320.00</td>
　　</tr>
</table>

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

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

IEFirefoxОпераChromeSafari

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

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

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

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

Синтаксис

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

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

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

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

valign="bottom"

valign="baseline"

　HTML <th> тег

HTML: <template> тег