最大文本行数 + 省略号

Question

我有多个不同长度的标题，我希望它们总是占用 1 行并暂停 points/ellipsis (...) 如果它们不适合。我不能只更改 div 中的文本，因为其中的 h2 会每天自动更改。

这是我的代码：http://jsfiddle.net/FranLegon/k9LsLuuk/

你可以在 Medium : http://i.stack.imgur.com/q2Jc3.png

看到我想要实现的目标

PS：如果我的英语不够好，请随时编辑我的问题

编辑：我得到了一个完美适用于 1 行的 asnswer，但现在我希望文本改为 2 行。有什么想法吗？

Answer 1

幸运的是你想要一个行，

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

应该适合你。 MDN docs., fiddle