Question

好的，长篇短篇小说。我有一个像这样结构的表：

<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显示属性可以使这成为可能，但我还没有找到一个可行的解决方案。

Answer 1

<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将为您解决问题

Answer 2

此？

<th colspan="2">...</th>

Answer 3

比这更容易：你只需要在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

thead有一个td（全宽）和tbody有2列（宽度不依赖于thead）

3 个答案: