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

Пример

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

<table border="1" style="height:200px">
  <col valign="top" />
  <col valign="bottom" />
  <tr>
    <th>Месяц</th>
    <th>Экономия</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
</table>

Результат выполнения кода выше:

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

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

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

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

атрибут span поддерживается во всех ведущих браузерах

Примечание: ни один из ведущих браузеров не поддерживает значение "baseline".

Синтаксис

<col valign="value">

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

Значение	Описание
top	Содержание выравненно вверх
middle	Содержание выравненно по центру
bottom	Содержание выравненно вниз
baseline	Базовый уровень (baseline) это "воображаемая линия", на которой "сидят" буквы в строке текста. Базовый уровень устанавливает ряд так, чтобы все данные таблицы находились на той же линии. Часто это имеет тот же эффект как и значение bottom. Тем не менее, если шрифты имеют разный размер, базовый уровень выглядит лучше. Посмотрите на иллюстрацию ниже

Иллюстрация сравнения bottom с baseline если шрифты имеют различный размер:

valign="bottom"

valign="baseline"

HTML тег <col>

Была ли эта информация полезной?

Да Нет