如何将表数据内容提供给下一行？

Question

我有一张宽度为100％的桌子（适合屏幕），其中有3 <td>。在第2 <td>我有一些像这样的内容 addfdss212s1ssff54f5df4d54s54dsf64dsfsadjvmckjsadkjkdflsadfkksdalasdflsdfkasd6f465 ，这个内容不包含任何空格。我已将70％的宽度提供给第二个<td>但是当内容的字符增加时，第二个<td>展开并且布局受到干扰。在CSS的帮助下，是否有可能将宽度增加到下一行的宽度为70％？ （见下面的代码）。

<table width=”100%”>

<tr>

<td width=”10%”>Result1</td>

<td width=”70%”>addfdss212s1ssff54f5df4d54s54dsf64dsfsaDjvmckjs adkjkdflsadfkksdalasdflsdfkasd6f465 </td>

<td width=”20%”>Comments</td>

</tr>

</table>

Answer 1

尝试：

<table style="table-layout: fixed">
<tr><td style="word-wrap:break-word">LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord</td></tr>

来自：https://stackoverflow.com/a/1883702/585552

Answer 2

我认为您可能正在寻找的规则是：

word-wrap: break-word;