如何模拟多个表格标题?

Max*_*xpm 6 html css css-tables

我正在尝试创建一个CSS表(为了布局目的)在顶部和底部有一个标题.

不幸的是,据我所知,display: table-caption将所有内容合并到顶部的单个空间中.这意味着实际只显示"标题"标题.

我已经尝试将它们视为行,但由于某种原因,它们的宽度绑定到第一个表列的宽度.(我在这里做错了吗?)如果我把它们div的宽度设置为常规s,也会发生同样的情况100%.

是否有另一种,也许更优雅的方式来拥有多个表格标题?我试图弄乱布局时是否犯了一些愚蠢的错误?

Phr*_*ogz 4

由于您使用 CSS 进行布局(这不是表格数据),因此没有理由使用display:table-caption页脚。只需制作一个常规 div,其宽度设置为与表格相同(或填充收缩包装表格的容器)。

编辑:这是一个更新的示例: http: //jsfiddle.net/fCTpR/1/

  • 尽管这个答案适当地设计了表格,但它没有传达可访问性所需的语义。 (6认同)