HTML表格标记教程(33):单元格的垂直对齐属性VALIGN


在垂直方向上,可以设定单元格的对齐方式,分别有居上、居中、居下3种。

基本语法

    <TD VLIGN="TOP">

    <TD VLIGN="MIDDLE">

    <TD VLIGN="MOTTOM">

语法解释

TOP为居上,MIDDLE为居中,MOTTOM为居下。

文件范例:10-31.htm

设定单元格的垂直对齐方式。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-31.htm -->
03  <!-- 文件说明:设定单元格垂直对齐 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定单元格垂直对齐</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=200 Bordercolor=#336699 Background=10-8.jpg>
12  <TR>
13  <TD VALIGN="Top">网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

文件说明

第13行定义了单元格的垂直对齐方式为居上。

在垂直方向上,可以设定单元格的对齐方式,分别有居上、居中、居下3种。

基本语法

    <TD VLIGN="TOP">

    <TD VLIGN="MIDDLE">

    <TD VLIGN="MOTTOM">

语法解释

TOP为居上,MIDDLE为居中,MOTTOM为居下。

文件范例:10-31.htm

设定单元格的垂直对齐方式。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-31.htm -->
03  <!-- 文件说明:设定单元格垂直对齐 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定单元格垂直对齐</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=200 Bordercolor=#336699 Background=10-8.jpg>
12  <TR>
13  <TD VALIGN="Top">网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

文件说明

第13行定义了单元格的垂直对齐方式为居上。


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3