Атрибут valign

Атрибут align устанавливает вертикальное выравнивание содержимого колонки. По умолчанию содержимое ячеек в колонке располагается по центру вертикали.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<col valign="baseline | bottom | middle | top">

Значения

baseline: Выравнивание по базовой линии, при этом происходит привязка содержимого колонки к одной линии.
bottom: Выравнивание по нижнему краю.
middle: Выравнивание по середине.
top: Выравнивание по верхнему краю строки.

Значение по умолчанию

middle

Пример

Код примера скопирован в буфер

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>COL, атрибут valign</title>
 </head>
 <body>
  <table width="700" border="1">
   <col width="150">
   <col valign="top" span="3">
   <tr>
    <td>1<Br>1<Br>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
   </tr>
  </table>
 </body>
</html>

Примечание

Для изменения выравнивания в ячейках воспользуйтесь свойством vertical-align, добавляя его к селектору td.

Код примера скопирован в буфер

<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>Выравнивание по вертикали</title>
  <style>
   table {
    width: 100%; /* Ширина таблицы */
   }
   td {
    border: 1px solid black; /* Рамка вокруг ячеек */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>
 </head> 
 <body> 
  <table>
   <tr>
    <td> ... </td>
    <td> ... </td>
   </tr> 
  </table> 
 </body>
</html>

Браузеры


3	12	1	15	4


4.4		14	3.2