内容溢出时如何进行更改？

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

Answer 2

只使用破解词

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