我有一个 HTML 表格，其内容有时不适合各自单元格的指定大小。在所有浏览器中，默认行为是使单元格垂直或水平扩展以适应其内容。相反，我想在视觉上 trim 内容以适合其单元格，如下所示:
我正在使用a jQuery plugin允许用户按表的任何字段对表进行排序。因此，非常重要的是，永远不要 trim 实际内容，而只是像经过 trim 一样显示。
如何仅使用标准技术(CSS 和 JavaScript)来做到这一点？
最佳答案
有一个名为 text-overflow 的 css 属性从而实现了这一点。
如果您将它与 white-space: nowrap 结合使用，您就可以实现您想要做的事情。
这是 jsFiddle 的演示:http://jsfiddle.net/u7QuA/
我必须将 td 的内容包装在一个跨度中，因为 css 属性由于某种原因无法在 td 上工作。
关于javascript - 如何使 HTML 表格的内容适合其单元格？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6361072/