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

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

HTML: свойство valign для тега <tfoot>

В HTML элемент <tfoot> свойство valign определяет способ вертикального выравнивания содержимого.

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

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

Пример

<table style="width:100%;" border="1">
　　　　<tr>
　　　　　　<th>Книги по языкам программирования</th>
　　　　　　<th>Цена</th>
　　　　</tr>
　　　　<tr>
　　　　　　<td align="right">PHP Basics Tutorial</td>
　　　　　　<td>$30</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td align="left">Java Programming Philosophy</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　　<tfoot valign="bottom">
　　　　　　<tr>
　　　　　　　　<td>Общий счет</td>
　　　　　　　　<td>$110.00</td>
　　　　　　</tr>
　　</tfoot>　
</table>

Тестирование, чтобы посмотреть <‹/›>

Браузерная совместимость

IEFirefoxOperaChromeSafari

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

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

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

Атрибут valign определяет способ вертикального выравнивания содержимого элемента <tfoot>.

Грамматика

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

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

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

Когда размер текста разный, изображение bottom vs. baseline:

valign="bottom"

valign="baseline"

　HTML <tfoot> тег

HTML: <template> тег