Wrap text, and end it with "..."

[Aeonix]

https://jsfiddle.net/mvuy7q60/

Using JavaScript (and jQuery). How can I assure that there's only one line shown (instead of entire content of item), and if it's longer than one line, end first line on "..."?

Something like this: https://jsfiddle.net/tt9psxz3/

[Dani]

Something like this should do the trick ...

div {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}