当前位置: 首页 > 网页教程 > HTML、Xhtml、XML > html基础教程之控制表格及其表项的对齐方式

html基础教程之控制表格及其表项的对齐方式

时间:2009-11-06 15:38   来源:个人网页秀   作者:管理员   点击:

  缺省情况下,表格在浏览器屏幕上左对齐,你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值“left”、“center”和“right”。例如,让一个表格在屏幕中央显示可以使用:
 <TABLE ALIGN=“CENTER”>

注意

  使用<TABLE>的ALIGN属性要小心,不是所有的浏览器都能识别它。如果你要让表格显示在屏幕中央,使用<CENTER>标识符来包含表格会更安全些。

  你可以使用<TR>的ALIGN属性来设置表格中每行元素的水平对齐方式,这个属性也可以取值“left”、“center”和“right”。要设置某一行中所有元素的竖直对齐方式,可以使用<TR>的VALIGN属性,它可以取值“top”、“middle”和“botton”(缺省情况下取值“middle”)。

  要更好地控制表格中某个表头或元素的排列方式,可以使用<TH>和<TD>标识符的ALIGN和VALIGN属性,这两个属性的取值范围与<TR>相同,然而<TH>的<TD>ALIGN和VALIGN属性将会覆盖任何为整个一行指定的排列方式。

控制表项的空间

  当浏览器显示一个表格时,它将每一列的宽度设置为这一列中最长表项的宽度。浏览器尽可能地占用较小的屏幕空间来紧密地排列表格中的每一项。你可以使用<TABLE>的CELLPADDING和CELLSPACING属性来改变这一缺省值。

  通过使用CELLPADDING属性,你可以为表格中的每一项安排一个更大的空间,使用CELLSPACING属性,你可以为表项之间留出一定的空间。这两个属性的值都以象素来指定。下面的例子说明了如何使用这两个属性:


提示:可修改代码后再运行!

控制表格和表项的大小

  某些时候你可能想让表格显示出来大一些,你可以用<TABLE>的WIDTH属性来控制表格的宽度,你可以为WIDTH属性提供宽度的绝对值或相对值。

  当为WIDTH属性提供宽度的绝对值时,你用象素来表示。例如,要建立一个宽为100个象素的表格,可以用<TABLE WIDTH=100>。当然,并不能保证表格显示出来恰好是你指定的宽度,表项中的内容可能会迫使表格显示出来比WIDTH属性指定的值要宽。

  另外,你也可以用相对值来指定表格的宽度,例如,如果你想让表格占有整个浏览器屏幕那么宽,你可以用<TABLE WIDTH=“100%”>,同样地,如果你在WIDTH属性中指定的百分数太小的话,浏览器显示出来的表格就不是那个宽度。

  <HEIGHT>属性可以用来指定表格的整体高度,同样这个属性可取绝对值和相对值。但使用这个属性时要小心,即使Microsoft和Netscape的浏览器都能正确解释它,但它并不是HTML 3.2规范中的一部分。

  你也可以用<TD>和<TH>标识符的WIDTH和HEIGHT属性来控制表格中某一表项的大小,你必须用绝对象素值来指定这些属性的值。你要知道当你设置这些值时,只不过是在为浏览器提供建议,浏览器尽量按你的意愿去做,但也有可能不能完全按你指定的方式来显示一个表格。

发给好友】 【收藏】 【推荐】 【挑错】 【评论】 【打印】 【关闭
热门图文