切断下一个单元格CSS的表格内容

Question

我正在使用表格构建一个列表：

正如您所看到的，长网址会使桌子更宽。这就是我想要防止的。

我使用了一些像

这样的东西

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

和

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

但这不起作用。

另外，也许我需要注意我的表是动态制作的。但这应该不是问题。

有什么建议吗？

Answer 1

只需剪切某个字符的网址文字（而不是href值）即可。使用JavaScript，您可以使用str.substring(5, 0);执行此操作，其中5是您想要的字符数。

Answer 2

这是表格单元格的默认行为。它将始终拉伸以适应内容的尺寸。表格单元格上的width往往表现得更像min-width

修复方法不是设置td的样式，而是仅设置其内容。

尝试类似：

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