Question

我正在处理一个存在css的页面。我想使用为th定义的现有css颜色和阴影添加。
现在，此th被添加为表格中的最后行我想要的是让此th中显示的任何文字与封闭的tr集中在一起。
到目前为止我做了多少工作是使用colspan=7，th的内容有点出现在行和表的中心。（有14列）如果不以更通用的方式硬编码数字，我怎么能这样做呢？即无论表格的列数如何，都会将其置于中心位置。

Answer 1

使用内置<caption>元素的表格，然后使用caption-side:bottom将其放在底部。无论你有多少列，都应允许某种中心文本。根据{{3}}，对caption-side的支持似乎可以追溯到IE8。

小提琴：http://reference.sitepoint.com/css/caption-side

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=preview

<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>

这样我就集中了。

无论桌子的大小如何，都居中

2 个答案: