Максимальное количество текстовых строк + многоточие

Question

У меня есть несколько названий с разными длинами, и я бы хотел, чтобы они всегда принимали 1 строку и оставляли точки подвески/многоточие (...), если они не могут поместиться. Я не могу просто изменить текст внутри div, потому что внутри них будут автоматически меняться каждый день.

Heres мой код: http://jsfiddle.net/FranLegon/k9LsLuuk/

Вы можете увидеть, что я хочу достичь в Medium: http://i.stack.imgur.com/q2Jc3.png

PS: Если мой английский не достаточно хорошо чувствовать себя свободно редактировать мой вопрос

EDIT : У меня есть asnswer, который отлично работает для 1 строки, но теперь я хочу, чтобы текст взял 2 строки вместо. Есть идеи?

Answer 1

С, к счастью, вы хотите одна линии,

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

должен работать для вас. MDN docs., fiddle