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