HTML表格标记教程(17):表格标题垂直对齐属性VALIGN


表格的标题可以放在表格的上方或者下方,这可以通过属性进行调整。默认的表格标题放在表格上方。

基本语法

     <Caption VALIGN="top">…</Caption>

     <Caption VALIGN="bottom“> …</Caption>

语法解释

TOP为居上,BOTTOM为居底。

文件范例:10-16.htm

通过<CAPTION>标记的VALIGN属性设定表格标题的垂直对齐。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-16.htm -->
03  <!--文件说明:设定表格标题的垂直对齐-->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定表格标题的垂直对齐</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">主流的网页设计软件</CAPTION>
12  <TR>
13  <TD>网页图像软件</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>

文件说明

第11行定义了表格标题文字居底部右对齐。


« 
» 
快速导航

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