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