17

好的，长篇短篇小说。我有一个结构如下的表：

<table>
<thead>
<tr><th>longer Heading with a width of 100%</th></tr>
</thead>
<tbody>
<tr><td>cell 1</td><td>cell 2</tr>
<tr><td>cell 3</td><td>cell 4</tr>
</tbody>
</table>

而且我希望 th 是全宽的，而不是改变表格单元格的宽度。我想有一些 CSS 显示属性可以使这成为可能，但我还没有找到可行的解决方案。

4

3 回答 3

26 
<table>
  <thead>
     <tr><th colspan="2">longer Heading with a width of 100%</th></tr>
  </thead>
  <tbody>
     <tr><td>cell 1</td><td>cell 2 </td></tr>
      <tr><td>cell 3</td><td>cell 4 </td></tr>
 </tbody>

使用colspan将为您解决问题

于 2013-07-28T10:38:56.327 回答
6

这个？

<th colspan="2">...</th>
于 2013-07-28T10:28:46.377 回答
4

比这更容易：您只需要在th元素上添加一个 colspan。
Colspan 定义了元素扩展了多少个单元格：

<table>
    <thead>
        <tr><th colspan="2">longer Heading with a width of 100%</th></tr>
    </thead>
    <tbody>
        <tr><td>cell 1</td><td>cell 2</tr>
        <tr><td>cell 3</td><td>cell 4</tr>
    </tbody>
</table>

See my Fiddle

于 2013-07-28T10:28:42.323 回答