我想在不同 td 标签的引导表中放置一个全宽的 td 标签

Question

我正在使用一个包含近 11 个表格单元 (td) 的简单引导表，在第一个表格行 (tr) 之后，我想在有人单击第一个表格行时显示一条消息。 因此，为了显示该消息，我需要一个具有整个表格宽度的长表格单元格......但无法创建 td。 这是我的简单表体

<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td>Show full width message here</td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

Answer 1

<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td colspan="6">Show full width message here</td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table> 

Answer 2

当您说<td> 是“全宽”时，应该根据<td> 将被拉伸的列来提及它。

在HTML 中，该术语由属性colspan 表示。它的值是任意整数没有任何单位。

很明显，当您想要“全宽”<td> 时，此值将根据该<table> 中的总列数而有所不同。

因此，在您的情况下，您应该根据列数为该 td 的 colspan 属性分配值 6。如下图。

.....
<tr>
 <td colspan="6">Show full width message here</td>
</tr>
.....