我正在尝试创建一个CSS表（出于布局目的）在顶部和底部有一个标题。
不幸的是，as far as I can tell，display: table-caption将所有内容合并到顶部的单个空间中。这意味着实际只显示“标题”标题。
I've tried treating them as rows instead，但由于某种原因，它们的宽度绑定到第一个表列的宽度。 （我在这里做错了什么？）如果我将它们的宽度设置为div定期100%，也会发生同样的情况。
是否有另一种，也许更优雅的方式来拥有多个表格标题？我试图弄乱布局时是否犯了一些愚蠢的错误？
答案 0 :(得分：3)
由于您使用CSS进行布局（这不是表格数据），因此没有理由使用display:table-caption作为页脚。只需创建一个常规div，其宽度设置为与表相同（或填充一个收缩包装表的容器）。
修改：这是一个更新的示例：http://jsfiddle.net/fCTpR/1/