设为首页
联系我们
收藏本站
 首页
 网站建设
 网络营销
 flash动画
 服务器技术
 电子商务
 电脑技术
 体坛快报
 娱乐八卦
热门关键字:   网站建设   网站   电子商务   flash动画   是否
  >> 点击排行
·十大小说风云榜--2007年11月
·士兵突击精彩剧照
·网友最想娶的十大女星
·电子商务信用评估与信用现状
·十大帅哥风云榜--2007年11月
·十大美女风云榜---2007年11
·从基础开始深入Flash AS3教
·SetInterval的用法详解
·11月6日十大电影风云榜---中文
·电子商务论文:电子商务诚信问题及其
  >> 相关文章
·Google排名技巧十五课学习笔记
·学习CSS的伪类,WEB标准学习
·CSS常用小技巧
·DIV CSS网页布局实例:十步学
·2008奥运会中国代表团成立 10
·伊拉克被正式取消参加北京奥运会资格
·去掉网页上的Flash动画虚线框
·在Mozilla和Firefox浏
·如何防止网页 Flash 广告被屏
·手写CSS应该注意的一些技巧
  >> 推荐文章
·HTML:控制表格及其对齐方式
·HTML教程控制表格和表项的大小
·HTML:在表格中颜色和图象的控制
·网页设计中HTML忽略的五个错误
·HTML表格使用从入门到精通
·符合Web标准的超链接
·学习xhtml的一点教训
·符合web标准的网站首页头内容
·在HTML网页中巧用URL
·Html网页表格深层探密
 当前位置 → 攀登学习资源网网站建设HTML基础知识 → 浏览正文
HTML:控制表格及其对齐方式
作者:七度空间    来源:七度空间    点击数:   更新时间:2007年10月28日 【字体: 】     

缺省情况下,表格在浏览器屏幕上左对齐,你可以使用<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属性,你可以为表项之间留出一定的空间。这两个属性的值都以象素来指定。下面的例子说明了如何使用这两个属性(见图6.20):

<HTML>

<HEAD> <TITLE> Cell Spacing </TITLE></HEAD>

<BODY>

<TABLE BORDER=1>

<CAPTION> Normal Table </CAPTION>

<TR>

<TD> First Column </TD>

<TD>Second Column </TD>

</TR>

</TABLE>

<HR>

<TABLE BORDER=1 CELLSPACING=20>

<CAPTION> Table With Cell Spacing </CAPTION>

<TR>

<TD> First Column </TD>

<TD>Second Column </TD>

</TR>

</TABLE>

<HR>

<TABLE BORDER=1 CELLPADDING=20>

<CAPTION> Table With Cell Padding </CAPTION>

<TR>

<TD> First Column </TD>

<TD>Second Column </TD>

</TR>

</TABLE>

</BODY>

</HTML>
Tags:网站建设
关于我们 | 服务条款 | 免责声明 | 友情链接
陕ICP备08001548号 版权所有 Copyright © 2007-2010 panda851 All Rights Reserved
panda851.com 攀登学习网