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行定义了单元格的垂直对齐方式为居上。



相关阅读:
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
符合W3C Web标准的图片连续无间隙水平滚动
Linux系统防火墙防止DOS和CC攻击的方法
line-height使文本居中的3像素bug问题
JavaScript教程:伸缩菜单的制作
一步步打造漂亮的新闻列表(无刷新分页、内容预览)第一步
邮件发送简单例子-bean文件
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4