2015-05-10
673
Параметр valign осуществляет выравнивание текста и графики по вертикали несколькими способами.
а) valign = top - выравнивает содержимое ячейки по ее верхней границе;
б) valign = middle - центрирует содержимое ячейки по ее вертикали;
в) valign = bottom - выравнивает содержимое ячейки по ее нижней границе.
Пример. Выравнивание текста в таблице
<HTML>
<HEAD>
<TITLE>Таблицы</title>
</head>
<BODY>
<TABLE width="100%" border="l" align="center">
<TR>
<TD><B>Выравнивание по горизонтали</b></td>
<TD align="center"> По центру </td>
<TD align="left"> По левому краю </td>
<TD align="right"> По правому краю </td>
</tr>
<TR>
<TD <В>Выравнивание по вертикали </b></td>
<TD valign="top"> По верхнему краю <BR><BR></td>
<TD valign="middle"> По центру </td>
<TD valign="baseline"> <BR><BR>По нижнему краю </td>
</tr>
</table>
</body>
</html>
Пример .
<HTML>
<HEAD>
<TITLE>Таблицы</title>
</head>
<BODY>
<TABLE border=2>
<TR>
<TD height="55" width="80" valign="top">
|
|
|
<center>1x1</center> </td>
<TD width="80" bgcolor="silver"> <center>1x2</center> </td>
<TD width="80" valign="bottom">
<center>1x3</center> </td>
</tr>
<TR>
<TD height="55" width="80" bgcolor="silver" valign="bottom"> <center>2x1</center> </td>
<TD width="80" > <center>2x2</center> </td>
<TD width="80" bgcolor="silver" valign="top"> <center>2x3</center>
</td>
</tr>
</table>
</body>
</html>
