Question

所以我一直在试图用Chrome来解决这个问题以及如何在表格单元格中包装长URL很困难。我已经看到很多关于自动换行的问题，有些问题甚至还有长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上添加一个width属性，但我什么都没得到。我还被告知在使用自动换行属性时还包括：

table-layout:fixed;

但我不希望我的列固定在宽度上。另外，如果我使用固定属性，我没有包装问题。我正在使用最新版本的Chrome（截至此日期）。没有FF 26.0或IE 11的问题。任何帮助都会很棒。

Answer 1

我只会在您遇到问题的class上建立一个td。

在当前状态下，只有空格存在时才break。

如果您想在Chrome中强制使用空格，也可以使用CSS word-break: break-all;

这样的事情对你有用吗？

http://jsfiddle.net/qqsj8/2/

<强> CSS：

td.break {
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
}

<强> HTML：

<td class="break">Why do...</td>

表格问题中的Chrome长网址

1 个答案: