单元格属性三—— 对齐方式 align、valign
单元格的对齐方式设置与行的对齐方式设置方法相似。
语法:
<td align="水平对齐方式"valign="垂直对齐方式">
说明:
在该语法中,水平对齐方式的取值可以是left、center或right,垂直对齐方式的取值可以是 top、middle 或 bottom。
举例:
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=gb2312"/> <title>对齐方式</title> </head> <body> <table width="500" border="1" align="center" cellpadding="2" cellspacing="1"> <tr> <td align="left">商品名称:</td> <td align="left">彩晶石银手链</td> </tr> <tr> <td align="left">规格:</td> <td align="left">材质:925纯银 天然紫晶 黄晶 橄榄石</td> </tr> <tr> <td>单位:</td> <td align="centr">每条</td> </tr> <tr> <td rowspan="2" align="right" valign="bottom">类别:</td> <td align="center" valign="middle">925银饰</td> </tr> <tr> <td align="center" valign="top">银链手镯</td> </tr> </table> </body> </html>
在代码中加粗部分的代码标记为设置单元格的对齐方式,在浏览器中预览效果可以看到 不同的对齐方式,如图6.22所示。
本文内容摘取于《网页制作》,仅供参考学习用途!