当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格标记中的单元格 > HTML表格标记教程(33):单元格的垂直对齐属性VALIGN

HTML教程:表格标记中的单元格
HTML表格标记教程(9):单元格间距属性CELLSPACING
HTML表格标记教程(10):单元格边距属性CELLPADDING
HTML表格标记教程(11):水平对齐属性ALIGN
HTML表格标记教程(12):边框样式属性FRAME
HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32):单元格的水平对齐属性ALIGN
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
HTML表格标记教程(34):跨行属性ROWSPAN
HTML表格标记教程(35):跨列属性COLSPAN

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 97 ::
收藏到网摘: n/a

在垂直方向上,可以设定单元格的对齐方式,分别有居上、居中、居下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行定义了单元格的垂直对齐方式为居上。