W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <td> 标签


Example

一个简单的 HTML 表格,带有两个单元格:

<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>
尝试一下 »

定义及用法

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两种单元格类型:

  • 表头单元格 - 包含头部信息(由 <th> 元素创建)
  • 标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。


浏览器支持

元素
<td> Yes Yes Yes Yes Yes

提示和注意

提示: 如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!


HTML 4.01 与 HTML5之间的差异

所有布局属性都将在HTML5中删除。


属性

属性 描述
abbr text HTML5 不支持。
规定单元格中内容的缩写版本
align left
right
center
justify
char
HTML5 不支持。
规定单元格内容的水平对齐方式
axis category_name HTML5 不支持。
对单元格进行分类
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。
规定单元格的背景颜色
char character HTML5 不支持。
规定根据哪个字符来进行内容的对齐
charoff number  HTML5 不支持。
规定对齐字符的偏移量
colspan number 规定单元格可横跨的列数
headers header_id 规定与单元格相关联的一个或多个表头单元格
height pixels
%
HTML5 不支持。
设置单元格的高度
nowrap nowrap HTML5 不支持。
规定单元格中的内容是否折行
rowspan number 设置单元格可横跨的行数
scope col
colgroup
row
rowgroup
HTML5 不支持。
定义将表头单元格与数据单元格相关联的方法
valign top
middle
bottom
baseline
HTML5 不支持。
规定单元格内容的垂直排列方式
width pixels
%
HTML5 不支持。
规定单元格的宽度

全局属性

<td> 标签支持 HTML全局属性


事件属性

<td> 标签支持 HTML事件属性


相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:TableData 对象

CSS 教程:Styling 表格


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <td> 元素:

td {
    display: table-cell;
    vertical-align: inherit;
}