在默认情况下，表项居于单元格的左端。可用行、列的属性设置表项数据在单元格中的位置。
1.水平对齐
表项数据的水平对齐用标记＜th＞、＜td＞和＜tr＞的align属性设置。align的属性值分别为：left（左对齐）、center（居中）、right（右对齐）或justify（左右调整）。
【例5-11】表格内文字的水平对齐。
在编辑窗口输入下面的代码：
＜！--文件名：ex5-11.html--＞
＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml"＞
＜head＞＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞
＜title＞课程建设＜/title＞＜/head＞
＜body bgcolor="ivory"＞
＜table border="3"width="600"height="200"bgcolor="pink"＞
＜caption＞师资情况＜/caption＞＜！--表格的标题--＞
＜tr align="center"＞＜th＞姓名＜/th＞＜th＞性别＜/th＞＜th＞年龄＜/th＞＜th＞职称＜/th＞＜th＞学历＜/th＞＜/tr＞
＜tr＞＜td＞杜刚＜/td＞＜td＞男＜/td＞＜td＞50＜/td＞＜td＞教授＜/td＞＜td＞博士＜/td＞＜/tr＞
＜tr＞＜td＞杨肖强＜/td＞＜td＞男＜/td＞＜td align="right"＞40＜/td＞＜td＞副教授＜/td＞＜td＞硕士＜/td＞＜/tr＞
＜tr align="center"＞＜td＞赵丽＜/td＞＜td＞女＜/td＞＜td＞30＜/td＞＜td＞讲师＜/td＞＜td＞硕士＜/td＞＜/tr＞
＜tr align="center"＞＜td＞吴平平＜/td＞＜td＞女＜/td＞＜td align="right"＞45＜/td＞＜td＞副教授＜/td＞＜td align="left"＞本科＜/td＞＜/tr＞
＜tr align="center"＞＜td＞万方＜/td＞＜td＞男＜/td＞＜td align="right"＞28＜/td＞＜td＞助教＜/td＞＜td＞本科＜/td＞＜/tr＞
＜/table＞＜br/＞
＜/body＞
＜/html＞
在浏览器中的显示效果如图5-11所示。
图5-11 表格内容的水平对齐方式(www.daowen.com)
2.垂直对齐
表项数据的垂直对齐用标记＜th＞、＜td＞和＜tr＞的valign属性设置。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。
【例5-12】表格内容垂直对齐。
在编辑窗口输入下面的代码：
＜！--文件名：ex5-12.html--＞
＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml"＞
＜head＞＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞
＜title＞课程建设＜/title＞＜/head＞
＜body bgcolor="ivory"＞
＜table border="3"width="80%"height="350"bordercolor="red"＞
＜caption＞师资情况＜/caption＞
＜tr align="center"valign="middle"＞＜th＞姓名＜/th＞＜th＞性别＜/th＞＜th＞年龄＜/th＞＜th＞职称＜/th＞＜th＞学历＜/th＞＜/tr＞
＜tr＞＜td＞杜刚＜/td＞＜td＞男＜/td＞＜td＞50＜/td＞＜td＞教授＜/td＞＜td＞博士＜/td＞＜/tr＞
＜tr valign="middle"＞＜td＞杨肖强＜/td＞＜td＞男＜/td＞＜td＞40＜/td＞＜td＞副教授＜/td＞＜td＞硕士＜/td＞＜/tr＞
＜tr align="center"＞＜td valign="top"＞赵丽＜/td＞＜td valign="middle"＞女＜/td＞＜td valign="bottom"＞30＜/td＞＜td＞讲师＜/td＞＜td valign="baseline"＞硕士＜/td＞＜/tr＞
＜tr align="center"＞＜td＞吴平平＜/td＞＜td＞女＜/td＞＜td＞45＜/td＞＜td＞副教授＜/td＞＜td＞本科＜/td＞＜/tr＞
＜tr align="center"valign="middle"＞＜td＞万方＜/td＞＜td valign="bottom"＞男＜/td＞＜td＞28＜/td＞＜td＞助教＜/td＞＜td＞本科＜/td＞＜/tr＞
＜/table＞＜br/＞
＜/body＞
＜/html＞
在浏览器中的显示效果如图5-12所示。
图5-12 表格内容的垂直对齐方式
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
