如何在表格中使用自动换行？

Question

我有一张桌子，100％适合我的窗户。但是当我的文字很长时，它不会破坏，所以我的桌子会比我的窗户更大：

td {
  word-wrap:break-all;
}

<table border="1" style="width:100%">
  <tr>
    <td>blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</td>
    <td>blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</td> 
  </tr>
</table>

Answer 1

您想要使用td { word-break: break-all;}

＆＃13;

＆＃13;

td {
  word-break: break-all;
}

＆＃13;

<table border="1" style="width:100%">
  <tr>
    <td>blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</td>
    <td>blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

https://developer.mozilla.org/en-US/docs/Web/CSS/word-break