Question

我在1 tr内有一定数量的tds。我希望在桌子的顶部有一个跨越所有n tds的th。可以这样做吗？

<table>
  <th>Header</th>
  <tr>
   <td> 1 / n </td><td> 2 / n </td><td >3 / n </td>...
  </tr>
</table>

Answer 1

您可以使用table cells上定义的colspan属性。请注意，th也应嵌套在tr中。

<table>
  <tr>
    <th colspan="n">Header</th>
  </tr>
  <tr>
   <td> 1 / n </td><td> 2 / n </td><td >3 / n </td>...
  </tr>
</table>

Answer 2

有一个解决方案，但它不适用于所有浏览器; colspan='0'

<table>
  <tr>
    <th colspan="0">Header</th>
  </tr>
  <tr>
   <td> 1 / n </td><td> 2 / n </td><td >3 / n </td>
  </tr>
</table>

当table-layout CSS属性设置为fixed时，这不起作用，这也不是一个好的标记实践：P

Answer 3

如果你想要一个在表格中首先出现并且跨越所有列的标题，那么它的概率可能不是所有列的标题单元格，而是整个表格的标题。在这种情况下，逻辑标记是使用<caption>Header</caption>。它在任何行之前写入（并且不包含在<tr>元素内）。默认情况下它会以普通文本样式显示，因此您可能需要设置例如CSS中的caption { font-weight: bold }。

如何为多个tds提供一个？

3 个答案: