HTML表（td）溢出

Question

我在HTML表格中有一些数据输出，有些行具有可扩展的数据字段，这可以正常工作。有些行是标准的，很好。似乎可以通过CSS正确控制widhts。

问题

我限制了表格列的大小，并将“溢出”设置为“隐藏”以防止数据被推到屏幕的一侧，此适用于中的纯文本但 < em>如果a中的数据是XML （已使用替换字符格式化为HTML格式），并且在换行符之前使用非常长的字符串，则此数据会推动屏幕一侧。

请参阅以下JSfiddle以了解会发生什么的示例

http://jsfiddle.net/bj0jav2y/

我可以添加什么来强制文本换行到另一行，类似于 ＆＃34;点击展开）这可以按预期工作。 Lorem＆＃34; 一行。

包括以下代码，以便我可以发布。在JSFiddle中忽略它的全部

.outer td:nth-child(4) {
    width: 65%;
    overflow: hidden;
}

由于

Answer 1

您的XML中包含许多 个字符。  代表＆＃34;不间断的空间，＆＃34;因此它专门设计用于与您要求的相反 - 也就是说，即使行太长也不会 中断。如果您将 的所有实例替换为普通旧空间＆＃39; ＆＃39;字符，然后您的XML将像lorum ipsum文本一样换行。

Answer 2

告诉浏览器这样做：

.outer td {
    word-break: break-all;
}

Answer 3

试试这个：

.content span {word-wrap:break-word;}

从技术上讲，您的xml被视为一条不间断的行。