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

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

HTML: атрибут valign col

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

　HTML <col> тег

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

HTML-таблица с различными вертикальными выравниванием столбцов:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута valign属性的 col в HTML - базовый учебник (oldtoolbag.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table style="height:200px">
　　<col>
　　<col valign="bottom">
　　<tr>
　　　　<th>Месяц</th>
　　　　<th>Сбережения</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

Проверьте, ‹/›

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

IEFirefoxOperaChromeSafari

Только Internet Explorer и Opera поддерживают атрибут valign. Однако, IE и Opera не поддерживают значение "baseline".

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

HTML5 больше не поддерживает атрибут valign для тега <col>.

Атрибут align определяет способ вертикального выравнивания контента, связанного с элементом <col>.

Синтаксис

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

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

Значение	Описание
top	Верхнее выравнивание контента.
middle	Центрирование контента (по умолчанию).
bottom	Низнее выравнивание контента.
базовая линия	Выравнивание по базовой линии.

Базовая линия - это воображаемая линия. В строке текста большинство букв расположены по базовой линии. Значение базовой линии устанавливает, что все таблицевые данные в строке делят одну и ту же базовую линию. Эффект этой значения часто совпадает с значением bottom. Однако, если размер шрифта текста разный, то эффект базовой линии будет лучше. См.下面的示意图:

valign="bottom"

valign="baseline"

　HTML <col> тег

HTML: <template> тег