📄 6-3-1.cfm.htm
字号:
<html>
<head>
<title>控制表格及其表项的对齐方式</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">控制表格及其表项的对齐方式</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">缺省情况下，表格在浏览器屏幕上左对齐，你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值“left”、“center”和“right”。例如，让一个表格在屏幕中央显示可以使用：</p>
<p ALIGN="JUSTIFY"><TABLE ALIGN=“CENTER”></p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">使用<TABLE>的ALIGN属性要小心，不是所有的浏览器都能识别它。如果你要让表格显示在屏幕中央，使用<CENTER>标识符来包含表格会更安全些。</p>
<p ALIGN="JUSTIFY">你可以使用<TR>的ALIGN属性来设置表格中每行元素的水平对齐方式，这个属性也可以取值“left”、“center”和“right”。要设置某一行中所有元素的竖直对齐方式，可以使用<TR>的VALIGN属性，它可以取值“top”、“middle”和“botton”（缺省情况下取值“middle”）。</p>
<p ALIGN="JUSTIFY">要更好地控制表格中某个表头或元素的排列方式，可以使用<TH>和<TD>标识符的ALIGN和VALIGN属性，这两个属性的取值范围与<TR>相同，然而<TH>的<TD>ALIGN和VALIGN属性将会覆盖任何为整个一行指定的排列方式。</p>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">控制表项的空间</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">当浏览器显示一个表格时，它将每一列的宽度设置为这一列中最长表项的宽度。浏览器尽可能地占用较小的屏幕空间来紧密地排列表格中的每一项。你可以使用<TABLE>的CELLPADDING和CELLSPACING属性来改变这一缺省值。</p>
<p ALIGN="JUSTIFY">通过使用CELLPADDING属性，你可以为表格中的每一项安排一个更大的空间，使用CELLSPACING属性，你可以为表项之间留出一定的空间。这两个属性的值都以象素来指定。下面的例子说明了如何使用这两个属性（见图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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -