HTML <colgroup> valignАтрибут

HTML colgroup 标签参考手册HTML-тег <colgroup>

Примеры

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

<table border="1" style="height:200px">
  <colgroup valign="top">
  <colgroup valign="bottom">
  <tr>
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$150</td>
  </tr>
</table>

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Только 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 и baseline, когда размеры шрифта текста различаются:

valign="bottom"

valign="baseline"


HTML colgroup 标签参考手册HTML-тег <colgroup> Другие расширения