HTML表格格式问题

Question

我有一个包含两列的HTML表格。对于最后一行，我希望发生以下情况：

将有一个单元格跨越两列。 （colspan =“2”）此单元格的宽度不会超过表格的宽度。任何时候该单元格中的文本变得太大，我希望它跨越另一行，但不会增加表格的宽度。问题是，我希望表的宽度适合于包含两列而不扩展到另一行（不包括最后一行）所需的大小。

编辑：我所拥有的不起作用。问题是，如果“真正的长文本”变得太长，那么它会扩展其他“文本”消息而不是添加新行。

<table>
<tr><td>text</td><td>text</td></tr>
<tr><td colspan="2">really long text</td></tr>
</table>

Answer 1

你需要用“自动换行：破解词”来为你设计风格吗？并设置表格或TD的最大宽度。

<table><tbody>
  <tr>
    <td>text</td>
    <td>text</td>
  </tr>
  <tr>
    <td colspan="2" style="max-width:40px; word-wrap: break-word;">really long textsadfadfadfadfadfadsfadfadsfadfadsfasdfasdfasdfasdfasdfasdfasdfasdfa</td>
  </tr>
</tbody></table>

这将生成这样的表格（没有边框），如果文本较长，则最后一行的高度会增加，然后它适合宽度：

Answer 2

在你的最后一行，将内容包装在div中并给它一个宽度，如100％，这样它不会增加表的宽度，只是环绕。

<td colspan="2">
  <div style="width:100%"> The content here</div>
</td>

由于你标记了这个问题html和css我必须告诉你，如果你想让内容动态创建一个新行，你将不得不使用javascript。没有脚本是不可能的，至少不是我所知道的。