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

Пример

В следующей таблице HTML содержимое внутри элемента thead выравненно вертикально посередине:

<table border="1" width="100%" style="height:120px;">
  <thead valign="middle">
    <tr>
      <th>Месяц</th>
      <th>Сбережения</th>
    </tr>
  </thead>
    <tr>
      <td>Январь</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>Февраль</td>
      <td>$80</td>
    </tr>
</table>

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

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

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

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

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

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

Синтаксис

<thead valign="value">

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

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

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

valign="bottom"

valign="baseline"

HTML тег <thead>

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

Да Нет