如何模拟多个表格标题？

Question

我试图做一个CSS表（为了布局的目的）在顶部和底部有一个标题。

不幸的是，as far as I can tell,display: table-caption将所有内容合并到顶部的单个空间中。这意味着实际上只显示“标题”标题。

I've tried treating them as rows instead，但由于某些原因，它们的宽度绑定到第一个表格列的宽度。 （我在这里做错了什么？）如果我将它们的宽度设置为100%，则会发生同样的情况。

是否有另一个，也许更优雅的方式来拥有多个表格标题？我在尝试搞砸布局时是否犯了一些愚蠢的错误？

Answer 1

由于您使用的CSS布局（这不是表格数据），那么没有理由使用display:table-caption为页脚。只需制作一个宽度与表格相同的常规div（或者填充收缩包装表格的容器）即可。

编辑：这里有一个更新的例子：http://jsfiddle.net/fCTpR/1/