如何使HTML表格的内容适合他们的单元格？

Question

我有一个HTML表，其内容有时不适合各自单元格的指定大小。在所有浏览器中，默认行为是使单元格展开以适合其内容（垂直或水平）。相反，我想在视觉上修剪内容以适合他们的单元格：

我正在使用a jQuery plugin，允许用户按其任何字段对表进行排序。出于这个原因，实际的内容永远不会被修剪，这一点非常重要，就像它们被剪裁一样显示。

我怎么能只使用标准技术（CSS和JavaScript）呢？

Answer 1

有一个名为text-overflow的css属性可以完成此任务。

如果您将其与white-space: nowrap结合使用，则可以实现您的目标。

这是关于jsFiddle的演示：http://jsfiddle.net/u7QuA/

我必须在一个范围内包装td的内容，因为由于某种原因，css属性在td上不起作用。

Answer 2

您可以为所有单元格设置宽度，并限制必须显示的JavaScript中特定数量的字符。例如，使用substring(0, 15)将字符串的JavaScript条件设置为超过15个字符，并在字符串末尾添加“...”。

我不知道这是否是最佳解决方案，但它应该有效。