table水平對齊屬性align

2012/11/20 10:12:23作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

table水平對齊屬性align

align屬性用于設(shè)置表格當(dāng)前行的水平對齊方式。

【基本語法】

【語法介紹】

在該語法中，水平對齊方式包括leR、center和right三種，它的默認(rèn)值是left。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>水平對齊屬性</title>
</head>
<body>
<table width="80%" border="1" cellpadding="5" cellspacing="2" align="center">
  <tr align="left">
    <td>一世等待，一場空白</td>
  </tr>
  <tr align="center">
    <td>塵緣如夢，相逢是緣</td>
  </tr>
  <tr align="right">
    <td>紅塵陌上，依舊孑然</td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的標(biāo)記用于設(shè)置表格行文字的水平對齊方式，將第1行文字設(shè)置為左對齊，第2行文字設(shè)置為居中對齊，第3行文字設(shè)置為右對齊，在瀏覽器中預(yù)覽，效果如圖所示。

水平對齊屬性align運行效果