我正在尝试制作一个 CSS 表格(出于布局目的)在顶部和底部都有一个标题。
不幸的是，as far as I can tell , display: table-caption 将所有内容合并到顶部的一个空间中。这意味着实际仅显示“标题”标题。
I've tried treating them as rows instead , 但出于某种原因，它们的宽度绑定(bind)到第一个表格列的宽度。 (我在这里做错了什么吗？)如果我将它们设为宽度设置为 100% 的常规 div，也会发生同样的情况。
是否有另一种可能更优雅的方式来拥有多个表格标题？我在尝试时是否犯了一些愚蠢的错误，导致布局搞砸了？
最佳答案
既然您使用 CSS 进行布局(这不是表格数据)，那么就没有理由为页脚使用 display:table-caption。只需制作一个常规 div，其宽度设置为与表格相同(或填充一个收缩包装表格的容器)。
编辑:这是一个更新的示例:http://jsfiddle.net/fCTpR/1/
关于html - 如何模拟多个表格标题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21111143/