如何使用HTML-CSS表获取垂直文本省略号？

Question

我想在一个只有两行可以容纳的小空间中显示文本.当文本太长时,我正在寻找一种在第二行末尾获得省略号的方法.

我用了一张桌子,但它不起作用,我无法限制细胞高度.

<td style="overflow-x: hidden;overflow-y:hidden;text-overflow: ellipsis;max-height:50px">text</td>

Answer 1

上次我遇到同样的问题时，我选择了 jQuery 选项。它被打包在一个插件中。我不记得我只在 CSS 中找到过任何令人满意的东西。但这里有一些你可以实现的例子，我不相信它能走得更远。

编辑：你看过这个例子吗？它基本上用 来伪造点<span>...</span>。肮脏的不明智的黑客行为，但它可以满足您的需求。