html - 在表格单元格中自动换行

Question

我想要一个表格，该表格在必要时使用所有屏幕，但如果文字太长则不会打断文字。

我试过:

<table width=100%>
    <tr><td class=breaklines>   AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA     
    </td></tr>
</table>

.breaklines
{
      word-wrap: break-word;
}

这是行不通的，表格单元格中的单词永远不会被破坏。

那么如何拆分表格单元格中的单词呢？

fiddle :

https://jsfiddle.net/9u0pj3hn/

Answer 1

有一个有趣的技巧适用于表格单元格，它也适用于文本溢出。它包括这样的最大宽度:

看到它工作:https://jsfiddle.net/9u0pj3hn/1/

.breaklines
{
    word-wrap: break-word;
    max-width:0;
}