English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
В HTML5 поддержка свойств valign в <colgroup> не поддерживается. Свойство valign определяет способ вертикального выравнивания содержимого группы столбцов.
HTML-таблица с колонками, имеющими различное вертикальное выравнивание:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута span в HTML <colgroup> - Основной учебник (oldtoolbag.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Месяц</th>
<th>Экономия</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
</table>
</body>
</html>Тестирование посмотрите ‹/›IEFirefoxOperaChromeSafari
Только Internet Explorer и Opera поддерживают свойство valign. Однако, IE и Opera не поддерживают значение свойств "baseline".
В HTML5不支持 свойство valign для тега <colgroup>.
Свойство valign определяет способ вертикального выравнивания содержимого в группе столбцов.
<colgroup valign="top|middle|bottom|baseline">
| Значение | Описание |
|---|---|
| top | Выравнивание по верхней границе содержимого. |
| middle | Центрирование содержимого (по умолчанию). |
| bottom | Выравнивание по нижней границе содержимого. |
| baseline | Выравнивание по базовой линии. Базовая линия - это воображаемая линия. В строке текста, большинство букв базируется на базовой линии. Значение baseline устанавливает, что все таблицевые данные в строке делят одну и ту же базовую линию. Эффект этого значения часто такой же, как и у значения bottom. Однако, если размер текста различается, эффект baseline будет лучше. См.下面的 пример. |
График bottom vs. baseline при различном размере текста:
valign="bottom"
valign="baseline"
HTML <colgroup> тег