首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

tbody

HTML <tbody>元素组的一种或多种<tr>元素作为<table>元素的主体元件。

内容类别

None。

允许的内容

零个或多个<tr>元素。

标签省略

<tbody>元素不是用于以图形方式呈现的父<table>元素的必需子元素。但是,如果其父<table>元素具有<tr>元素作为子元素,则它不能存在。

允许的父级

在所需的父<table>元素中,<tbody>元素可以添加在<caption>,<colgroup>,<thead>和<tfoot>元素之后。

允许的 ARIA 角色

任何

DOM 接口

HTMLTableSectionElement

属性

该元素包含全局属性。

align 在 HTML 4.01 中,在 HTML5 中此枚举属性指定如何处理每个单元格内容的水平对齐。可能的值是:

  • left,将内容对齐到单元格的左侧
  • center,将内容集中在单元格中
  • right,将内容对齐到单元格的右侧
  • justify,在文本内容中插入空格以便内容在单元格中合理
  • char,将特殊字符上的文本内容与由charcharoff属性定义的最小偏移量对齐。

如果未设置此属性,left则假定该值。

注意:不要使用此属性,因为它在最新标准中已过时(不支持)。

  • 为了实现作为同样的效果leftcenterrightjustify值,使用 CSS text-align就可以了财产。
  • 为了达到与char CSS3 中的值相同的效果,可以使用值的值char作为text-align未实现属性的值。

bgcolor该属性定义了列的每个单元格的背景颜色。它是 sRGB 中定义的6位十六进制代码之一,以'#'为前缀。可以使用十六个预定义颜色字符串中的一个:

?

black = "#000000"

?

green = "#008000"

?

silver = "#C0C0C0"

?

lime = "#00FF00"

?

gray = "#808080"

?

olive = "#808000"

?

white = "#FFFFFF"

?

yellow = "#FFFF00"

?

maroon = "#800000"

?

navy = "#000080"

?

red = "#FF0000"

?

blue = "#0000FF"

?

purple = "#800080"

?

teal = "#008080"

?

fuchsia = "#FF00FF"

?

aqua = "#00FFFF"

使用说明:不要使用此属性,因为它是非标准的,只实现了某些版本的 Microsoft Internet Explorer:该<tbody>元素应使用 CSS 进行样式化。为了给 bgcolor 属性提供类似的效果,请在相关<td><th>元素上使用 CSS 属性background-color

char 在 HTML 4.01 中,在 HTML5 中此属性用于设置字符以对齐列上的单元格。典型值包括尝试对齐数字或货币值时的句点(。)。如果align未设置char,则忽略此属性。

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。为了达到与char CSS3 中相同的效果,可以使用字符集char作为text-align属性 Unimplemented 的值。

charoff 在 HTML 4.01 中,在 HTML5 中此属性用于指示用来从 char 属性指定的对齐字符中偏移列数据的字符数

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。

valign 在 HTML 4.01 中,在 HTML5 中此属性指定表格标题的每行单元格内文本的垂直对齐方式。此属性的可能值为:

  • baseline,它会将文本尽可能靠近单元格的底部,但将其对齐到字符的基线而不是底部。如果字符的大小都是一样的话,这和效果相同bottom
  • bottom,这将使文本尽可能靠近单元格的底部;
  • middle,它将文本居中在单元格中;
  • 并且top,这将使文本尽可能靠近单元格的顶部。

注意:不要使用此属性,因为它在最新标准中已经过时(并且不受支持):请改为vertical-align在其上设置 CSS 属性。

使用说明

  • 结合前面的<thead>和/或<tfoot>元素,该<tbody>元素为打印机和显示器等设备提供额外的语义信息。
  • 在父表的子元素中,<tbody>表示页面长度超过一页时最有可能对打印的每个页面不同的内容; 而每页打印的内容<thead><tfoot>相同或相似。
  • 用于显示器,<tbody>将使分离的滚动<thead><tfoot><caption>相同的父元素<table>的元素。
  • 不同于<thead><tfoot><caption>元件,多个<tbody>元件被允许(如果连续的),允许在长表中的行被分成不同的部分,根据需要各自分开格式化。

例子

请参阅<table>页面上的示例<tbody>

规范

Specification

Status

Comment

HTML Living StandardThe definition of 'tbody element' in that specification.

Living Standard

?

HTML5The definition of 'tbody element' in that specification.

Recommendation

?

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

1

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

(Yes)

No1

(Yes)

?

?

bgcolor

?

No

No

(Yes)

?

?

char

?

(Yes)

No2

(Yes)

?

?

charoff

?

(Yes)

No2

(Yes)

?

?

valign

?

(Yes)

No1

(Yes)

?

?

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

?

(Yes)

No1

(Yes)

?

?

bgcolor

?

?

No

No

(Yes)

?

?

char

?

?

(Yes)

No2

(Yes)

?

?

charoff

?

?

(Yes)

No2

(Yes)

?

?

valign

?

?

(Yes)

No1

(Yes)

?

?

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com