我想在表格中使用<tfoot>
标记在语义上是正确的,但它会一直显示在我的表格的顶部。有没有办法让它显示在底部?
答案 0 :(得分:20)
正如其他人所说,tfoot
在tbody
之前定义,但在之后呈现。这是设计上的,并没有改变语义(一张桌子有头,脚和身体 - 这些顺序无关紧要)
这样做的原因是这样的,当身体仍在下载时,脚可以加载并显示在屏幕上,因此您仍然可以阅读脚中的摘要信息。这些天几乎没什么问题,但是由于连接速度慢,桌子很大,你仍然可以看到它的好处。
答案 1 :(得分:17)
根据the specification,您可以在tfoot
元素之前或之后放置tbody
。请参阅上一个链接中的以下说明。
作为表元素的子元素,在任何标题,colgroup和thead元素之后以及任何tbody和tr元素之前,但仅当没有其他tfoot元素是表元素的子元素时。
作为表元素的子元素,在任何标题,colgroup,thead,tbody和tr元素之后,但仅当没有其他tfoot元素是表元素的子元素时。
< / LI> 醇>无论您放置标记的位置如何,页脚信息都会以可视方式显示在底部。
答案 2 :(得分:16)
如果<tfoot>
的内容分别不在<table>
和<tfoot>
标签中,则<tr>
可以显示在整个<td>
之上 - 不是在表中。
答案 3 :(得分:4)
您的表格应如下所示:
<table>
<thead>...</thead>
<tfoot>...</tfoot>
<tbody>...</tbody>
</table>
tfoot
出现在tbody
之上。但是,它将呈现在表格的底部
答案 4 :(得分:0)
我知道这个问题是在不久前被问过的,但我认为我会将自己的经验添加到已经发表的评论中。当我添加CSS&#34; display:block&#34;对于tfoot元素,它出现在thead和tbody之间,而不是在底部。当display:block被删除时,它显示正确。我浪费了一些时间来解决这个问题,所以我希望我的回答可以帮助别人节省时间和恶化!