пример
HTML таблицы с различными вертикальными выровненных колонок:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Попробуй сам " Определение и использование
valign атрибут задает вертикальное выравнивание содержимого в группе столбцов.
Поддержка браузеров
| Атрибут | |||||
|---|---|---|---|---|---|
| valign | Не поддерживается | да | Не поддерживается | Не поддерживается | Не поддерживается |
valign атрибут поддерживается только в Internet Explorer и Opera 12 и более ранних версий. Тем не менее, они не поддерживают значение "baseline" .
Замечания по совместимости
valign атрибут <colgroup> не поддерживается в HTML5. Вместо этого используйте CSS.
Синтаксис CSS: <td style="vertical-align:bottom">
CSS Пример: Вертикально-выравнивать текст в столбцах таблицы
В нашем учебнике CSS вы можете найти более подробную информацию о vertical-align собственности .
Синтаксис
<colgroup valign="top|middle|bottom|baseline">
значения атрибутов
| Стоимость | Описание |
|---|---|
| top | Содержание Топ-Align |
| middle | Содержание Центр-Align |
| bottom | Содержание Bottom-Align |
| baseline | Базовая линия является "воображаемая линия", который большинство буквы "сидят" на, в строке текста. Базовое значение задает строку так, чтобы все данные таблицы одни и те же исходные условия. Часто это имеет тот же эффект, что и нижнее значение. Тем не менее, если шрифты разных размеров, базовый уровень выглядит лучше. Посмотрите на иллюстрации ниже |
Иллюстрация дна против исходного уровня, если шрифты разных размеров:
VALIGN = "дно"
VALIGN = "базовый"