HTML <colgroup> valignАтрибут
Примеры
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>
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr>
<td>Январь</td>
<td>$150</td>
</tr>
</table>
Попробуйте сами »
Поддержка браузеров
![]()
![]()
![]()
![]()
![]()
Только 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> Другие расширения