?? 6-3-1.cfm.htm
字號:
<html>
<head>
<title>控制表格及其表項(xiàng)的對齊方式</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">控制表格及其表項(xiàng)的對齊方式</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">缺省情況下,表格在瀏覽器屏幕上左對齊,你可以使用<TABLE>的ALIGN屬性來指定表格的對齊方式。ALIGN屬性可以取值“l(fā)eft”、“center”和“right”。例如,讓一個(gè)表格在屏幕中央顯示可以使用:</p>
<p ALIGN="JUSTIFY"><TABLE ALIGN=“CENTER”></p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">使用<TABLE>的ALIGN屬性要小心,不是所有的瀏覽器都能識別它。如果你要讓表格顯示在屏幕中央,使用<CENTER>標(biāo)識符來包含表格會(huì)更安全些。</p>
<p ALIGN="JUSTIFY">你可以使用<TR>的ALIGN屬性來設(shè)置表格中每行元素的水平對齊方式,這個(gè)屬性也可以取值“l(fā)eft”、“center”和“right”。要設(shè)置某一行中所有元素的豎直對齊方式,可以使用<TR>的VALIGN屬性,它可以取值“top”、“middle”和“botton”(缺省情況下取值“middle”)。</p>
<p ALIGN="JUSTIFY">要更好地控制表格中某個(gè)表頭或元素的排列方式,可以使用<TH>和<TD>標(biāo)識符的ALIGN和VALIGN屬性,這兩個(gè)屬性的取值范圍與<TR>相同,然而<TH>的<TD>ALIGN和VALIGN屬性將會(huì)覆蓋任何為整個(gè)一行指定的排列方式。</p>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">控制表項(xiàng)的空間</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">當(dāng)瀏覽器顯示一個(gè)表格時(shí),它將每一列的寬度設(shè)置為這一列中最長表項(xiàng)的寬度。瀏覽器盡可能地占用較小的屏幕空間來緊密地排列表格中的每一項(xiàng)。你可以使用<TABLE>的CELLPADDING和CELLSPACING屬性來改變這一缺省值。</p>
<p ALIGN="JUSTIFY">通過使用CELLPADDING屬性,你可以為表格中的每一項(xiàng)安排一個(gè)更大的空間,使用CELLSPACING屬性,你可以為表項(xiàng)之間留出一定的空間。這兩個(gè)屬性的值都以象素來指定。下面的例子說明了如何使用這兩個(gè)屬性(見圖6.20):</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Cell Spacing </TITLE></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><TABLE BORDER=1></p>
<p ALIGN="JUSTIFY"><CAPTION> Normal Table </CAPTION></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD> First Column </TD></p>
<p ALIGN="JUSTIFY"><TD>Second Column </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"><HR></p>
<p ALIGN="JUSTIFY"><TABLE BORDER=1 CELLSPACING=20></p>
<p ALIGN="JUSTIFY"><CAPTION> Table With Cell Spacing </CAPTION></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD> First Column </TD></p>
<p ALIGN="JUSTIFY"><TD>Second Column </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"><HR></p>
<p ALIGN="JUSTIFY"><TABLE BORDER=1 CELLPADDING=20></p>
<p ALIGN="JUSTIFY"><CAPTION> Table With Cell Padding </CAPTION></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD> First Column </TD></p>
<p ALIGN="JUSTIFY"><TD>Second Column </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image53.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image53.gif" WIDTH="594" HEIGHT="513"></p>
<b>
<p ALIGN="CENTER">圖6.20 表格空間的安排</p>
</b></font>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -