html - 为下一个单元格 CSS 截断表格内容

Question

我正在使用表格构建列表:

如您所见，长 url 使表格变宽。这就是我要防止的。

我用过一些东西，比如

table { table-layout: fixed; width: 100%; }

和

td.title { white-space:nowrap;overflow: hidden; width: 200px; }

但这没有用。

此外，也许我需要注意我的表格是动态创建的。但这应该不是问题。

有什么建议吗？

Answer 1

只需在某个字符处剪切 url 文本(不是 href 值)。使用 JavaScript，您可以使用 str.substring(5, 0); 执行此操作，其中 5 是您想要保留的字符数。