td和Tr的区别。。

来源:互联网 发布:电脑手电筒照明软件 编辑:程序博客网 时间:2024/04/30 14:58

http://blog.csdn.net/zhangzhixxm/article/details/5517643

Table往往是由一个表格名称再加上一行或多行的表格内容所构成块状结构。表格的每一行
内又由一个或多个表项单元组成,并且表项单元还可以按照行或列的方式结合在一起,成
为一个大的表项单元。
下面我们先来看一个Table实例:
<TABLE BORDER=3 WIDTH="90%">
<CAPTION>A test table with merged cells</CAPTION>
<TR><TH ROWSPAN=2><TH COLSPAN=2>Average
       <TH ROWSPAN=2>other<BR>category<TH>Misc
<TR><TH>height<TH>weight
<TR><TH ALIGN=LEFT>males<TD>1.9<TD>0.003
<TR><TH ALIGN=LEFT ROWSPAN=2>females<TD>1.7<TD>0.002
</TABLE>
1。<TABLE> 表格内容 </TABLE>
一对<TABLE>标记是一个Table结构的最外层,它主要包括三个重要属性。一个是用来表示表格边
框粗细程度的属性BORDER,属性值取整数,如果省略BORDER属性,则表示不加边框。另一个是用
来表示表格宽度的属性WIDTH,其属性可取相对值(由一对 " "号括起来的百分数,表示相对于充
满窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是
"100%"。还有一个属性是CELLPADDING,用来表示每个表项单元的内容与表格边框之间所空开的
距离,用屏幕像素点为单位,缺省值是0。

图7-16 一个Table实例的显示效果
2。<CAPTION> 表格名称 </CAPTION>
在一对<CAPTION>标记中是这张表格的名称信息,它通常被Web浏览器显示在表格上方的中央部位。
3。<TR> 表格当前行的内容
单标记<TR>表示一个新的表格行(Table Row)的开始。
4。<TH> 表项标题内容
    <TD> 表项数据内容
单标记<TH>和<TD>都表示在表格的当前行里产生一个新的表项单元。其中<TH>表示一个
表项标题(Table Header)单元,而<TD>表示一个表项数据(Table Data)单元。Web浏览器
一般把<TH>中的文本用粗体表示。每个表项单元(<TH>或<TD>)都可带有表示横向对齐
方式的属性ALIGN,属性的取值范围主要有LEFT,CENTER,RIGHT等,其中<TH>的缺省值
是ALIGN=CENTER,<TD>的缺省值是ALIGN=LEFT。另外还有表示纵向对齐方式的属性
VALIGN,属性的取值范围主要有TOP,MIDDLE,BOTTOM等,其中<TH>和<TD>的缺
省值都是VALIGN=MIDDLE。
表项单元的一个重要特征就是可以进行横向及纵向地扩展,从而结合成一个大的表项单元。
这是通过属性COLSPAN(按列横向结合)及ROWSPAN(按行纵向结合)来表示的,属性
值取整数,表示结合几个基本表项单元。如上例中的<TH COLSPAN=2>Average,就表示
Average这个表项标题单元要按列横向地将2个基本表项单元结合在一起。
如果要在表格中显示一个空项,也必须写上一个表项单元的标记,来表示占据一定的空间
,如上例中的<TH ROWSPAN=2>后面无任何表项标题的内容,其显示效果就是图7-16
中左上角的空白块。
另一个值得注意的问题是每一行中的表项单元总是从左到右地依次排列,并跳过已经被上一
行ROWSPAN结合掉的基本表项单元。如上例中的<TH>height本应在第2行,第1列的位置,
但由于此单元已经被上一行结合掉,因而只能顺延到第2行,第2列的位置。
 

td文字自动换行:style="word-break:break-all"

始终不换行,建议采用:style="white-space:nowrap"css属性来修改,因为在 XHTML 1.0 Strict DTD里面,并不支持 td 的 nowrap 属性。

原创粉丝点击