HTML <tbody> 标签

实例

带有<thead>,<tbody>和<tfoot>元素的HTML表:

<table>
  <thead>
    <tr>
      <th>月份</th>
      <th>消费</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>一月</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>二月</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>三月</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>
运行 »

定义和用法

<tbody> 标记用于对HTML表格中的正文内容进行分组.

<tbody> 元素与<thead><tfoot> 元素一起使用,以指定表的每个部分(正文,页眉,页脚).

浏览器可以使用这些元素来独立于页眉和页脚滚动表体.此外,当打印跨越多个页面的大表时,这些元素可以使表格页眉和页脚打印在每页的顶部和底部.

必须在以下上下文中使用 <tbody> 标记:作为 <table> 元素的子元素,在任何 <caption>,<colgroup>和<thead>元素之后.



浏览器支持

Element
<tbody> Yes Yes Yes Yes Yes

提示和注意事项

注意: <tbody> 元素必须包含一个或多个 <tr> 标记.

提示:默认情况下,<thead>,<tbody>和<tfoot>元素不会影响表的布局.但是,您可以使用CSS来设置这些元素的样式.


HTML 4.01和HTML5之间的差异

HTML5中不支持任何HTML 4.01属性.


属性

属性 描述
align right
left
center
justify
char
HTML5不支持.
Aligns the 定义 <tbody> 元素中内容的对齐方式
char character HTML5不支持.
规定 <tbody> 元素中内容根据哪个字符来对进行文本对齐
charoff number HTML5不支持.
设置内容在 <tbody> 元素中第一个对齐字符的偏移量
valign top
middle
bottom
baseline
HTML5不支持.
定义 <tbody> 元素中内容的垂直对齐方式

全局属性

<tbody> 标记还支持HTML中的全局属性 .


事件属性

<tbody> 标记还支持HTML中的事件属性 .


默认CSS设置

大多数浏览器将使用以下默认值显示 <tbody> 元素:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}