HTML Table (td) overflow

Question

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

问题

我已经限制了表列的大小，并将Overflow设置为隐藏，以防止数据被推到屏幕的一侧，这适用于内的纯文本，但是如果a内的数据是XML（已使用替换字符为HTML格式化），并且换行前有一个很长的字符串，这些数据推送到屏幕的一侧。

请参阅下面的JSfiddle以了解发生的情况

http://jsfiddle.net/bj0jav2y/

我可以在XML中添加什么来强制文本换行到另一行上，类似于"单击展开）这按预期工作。Lorem"行。

包括下面的代码，这样我就可以发布了。忽略这一切在JSFiddle 中

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

感谢

Answer 1

您的XML中有一堆 字符。 代表"非中断空间"，因此它是专门为实现与您所要求的相反的功能而设计的，也就是说，即使它对行来说太长，它也不会中断。如果将 的所有实例替换为纯旧空格""字符，则XML将像lorum-ipsum文本一样换行。

Answer 2

告诉浏览器这样做：

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

Answer 3

试试这个：

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

从技术上讲，您的xml被视为一条牢不可破的线。