javascript - Chrome 表格因奇怪的 URL 而溢出

Question

所以我之前发布过这个，但可能我没有足够的信息。我在使用 Chrome 时遇到问题，它很难将长 URL 包装在表格单元格中。在这里 fiddle http://jsfiddle.net/qqsj8/ .我见过很多关于自动换行的问题，有些甚至有长 URL，但没有一个对我有用。所以从本质上讲，我尝试放入 td

word-wrap:break-word;

但这并没有包含长 URL(此处已更改，没有任何作用):

https://differentName/api/?REQUEST=%3C%3Fxml%20version%3D%271.0%27%20%3F%3E%3Cnta%3E%3Capi%20version%3D%271.0%27%3E%woot%20function%3D%22login%22%3E%3Clogin%3E%3C!%5BCDATA%5Bjpublic%something.com%5D%5D%3E%3C%2Flogin%3E%3Cpassword%3E%3C!%5BCDATA%5Bnta46550%5D%5D%3E%3C%2F

我尝试在 td 上添加宽度属性，但我什么也没得到。我还被告知在使用 word-wrap 属性时还包括:

table-layout:fixed;

但我不希望列的宽度固定。此外，如果我使用 fixed 属性，则不会出现包装问题。我正在使用最新版本的 Chrome(截至该日期)。 FF 26.0 或 IE 11 没有问题。另外，重要的是要注意我有临时修复单元格的样式:

word-break: break-all;

这不是我正在寻找的解决方案。该单元格不是静态单元格。我正在使用 ASP.NET (VB.NET) 提取所需的值(从数据库中)来填充这些单元格。因此，尽管该解决方案适用于这种特定情况，但它也适用于其他记录的描述部分中的所有信息。因此，作为一个永久性的解决方案，那种打破一切的造型是行不通的。任何帮助表示赞赏。谢谢。

Answer 1

word-break: break-word

应该这样做。