最大文本行数+省略号

Question

我有多个不同长度的标题，我希望它们总是占用1行并留下悬挂点/省略号（...），如果它们不合适的话。我无法更改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