html - 内容溢出时如何使 <td> 换行？

Question

这是 jsfiddle 。如您所见，我设置了 width:100px对于表。显然，由于标签中的长字符串，当前表格的宽度不是 100px。

我用过 overflow:hidden以及word-wrap:break-word , 但在这种情况下没有用。谁能告诉我如何解决这个问题？

我希望长字符串在达到表格的最大宽度时换行，而不添加垂直滚动条，只需增加当前高度 <tr>标签。

Answer 1

您需要使用 word-break , 而不是 word-wrap:

#convert-result td {
    word-break:break-word;
}

JSFiddle demo .

此外，在您提供的代码中，您的 table 元素的宽度设置为 100px，不是 100%。您还需要修改它:

#convert-result table {
    ...
    width:100%;
    ...
}

Fixed JSFiddle demo .