html - 居中 a th，无论表格大小

Question

我正在处理具有现有 css 的页面。我想使用为th.
现在这th被添加为表格的最后一行。
我想要的是让其中出现的任何文本th相对于封闭的tr.
到目前为止，我所做的并且有些工作是使用colspan=7并且内容th出现在行和表格的中心。（有 14 列）。
如果不以更通用的方式对数字进行硬编码，我该如何做到这一点？即无论表格的列数如何，它如何居中。

Answer 1

使用表格的内置<caption>元素，然后使用caption-side:bottom. 无论您有多少列，都应该允许某种居中的文本。根据http://reference.sitepoint.com/css/caption-side ，支持caption-side似乎回到了 IE8 。

小提琴：http: //jsfiddle.net/designingsean/K9Fcw/

HTML：

<table class="caption-bottom">
  <caption>Table Caption</caption>
  <tr>
    <td>lksjf</td>
    ...
  </tr>
</table>

CSS：

.caption-bottom {
  caption-side: bottom;
}

Answer 2

我不太明白这个问题，因为您缺少一些代码，但是这个简单的表格还不够（我希望我按照您的想法构建您）： http: //plnkr.co/edit/TxGQZX0NPoLZsR77kQ70 ?p=预览

<table style="border:1px solid">
  <tr>
    <td>My td 1 Content and all</td>
  </tr>
  <tr>
    <td>My td 2 Content and all</td>
  </tr>
  <tr>
    <th>My heading 1</th>
  </tr>
</table>

这样我的 th 是集中的。