<tfoot> - HTML(超文本标记语言) 编辑
HTML 元素<tfoot>
定义了一组表格中各列的汇总行。
内容类别 | 无。 |
---|---|
允许的内容 | 0或多个<tr> 元素。 |
标签省略 | 开始标签是必需的。.在父元素 <table> 没有后续内容的情况下,结束标签可被省略。 |
允许的父元素 | <table> 元素。<tfoot> 必须出现在一个或多个 <caption> ,<colgroup> ,<thead> , <tbody> ,或 <tr> 元素之后。 注意这是自 HTML5 起有的要求。HTML 4 <tfoot> 元素不能放在任何 <tbody> 或 <tr> 元素之后。注意,这与上述HTML5的标准相冲突。 |
Permitted ARIA roles | 任意。 |
DOM 接口 | HTMLTableSectionElement |
属性
此元素包含 全局属性.
align
in HTML 4, in HTML5此枚举属性指定每个单元格内容所使用的水平对齐方式。可选值为:
left
,单元格内容左对齐center
,单元格内容居中对齐right
,单元格内容右对齐justify
,插入空白调整单元格中的文本内容(译者注:即两端对齐)char
,将文本内容与一个具有最小偏移量的特定字符对齐,字符和偏移量分别由char
和charoff
属性定义。未实现 (查看 bug 2212).
若此值未设置,则假定为
left
。Note: 此属性在最新标准中已被废弃(不支持),所以请勿使用。
- 为达到与
left
,center
,right
或justify
相同的效果,请使用CSStext-align
属性。 - 为达到与char值相同的效果,在CSS3中可将
char
的值用作text-align
的属性值未实现。
bgcolor
- 此属性定义了列内单元格的背景色。定义此属性使用'#'作为前缀,其后是定义于sRGB的6位十六进制码。
也可使用以下16种预定义的色彩字符串之一:
Usage Note: 请勿使用此属性,因为这并非标准,且只有某些特定版本的Microsoft Internet Explorer(IE浏览器)支持: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"<tfoot>
元素应使用CSS设计。若想得到与bgcolor属性相似的效果,可在相关的<td>
或<th>
元素中使用CSSbackground-color
属性。
char
in HTML 4, in HTML5- 此属性设置单元格对齐的基准字符。当对齐数字或货币值时,一个典型值会带有一个句点(.)。如果
align
未设置为char
,此属性将被忽略。 Note: 请勿使用此属性,因为在最新标准中此属性被废弃(且不受支持)。想要达到与char
相同的效果,在CSS3中,可将text-align
属性设置为char
的属性值未实现。
charoff
in HTML 4, in HTML5- 此属性用作表明列内数据对于对齐基准字符的偏移字符数,对其基准字符由
char
属性指定。 Note: 请勿使用此属性,因为在最新标准中此属性被废弃(且不受支持)。
valign
in HTML 4, in HTML5- 此属性指定表头(译者注:英文原文为table header,疑似错误)中每一行内的文本的垂直对齐方式。此属性的可选值为:
baseline
,会使文本尽可能接近单元格底部,但并不向底部对齐,而将它们以字符基线对齐。如果所有字符的大小相同,此值与bottom
的效果相同;bottom
,设置文本向下对齐;middle
,设置文本居中对齐;- and
top
,设置文本向上对齐。
vertical-align
作为替代。
示例
请查看<table>
页面中<tfoot>
的相关示例。
规范
Specification | Status | Comment |
---|---|---|
HTML Living Standard tfoot element | Living Standard | |
HTML5 tfoot element | Recommendation |
浏览器兼容性
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.参见
- 其他table相关的HTML元素:
<caption>
,<col>
,<colgroup>
,<table>
,<tbody>
,<td>
,<tbody>
,<th>
,<thead>
,<tr>
; - 在设计
<tfoot>
时可能会有特殊效果的CSS属性和伪类::nth-child
伪类:设置列内元素的对齐方式;text-align
属性:可设置单元格内容与同一字符对齐,例如'.'。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论