HTML truncate content based on div height

Question

I have a div with width of 130px a height of 200px.

Various text content gets displayed in this div (I\'ve written some JS to fade in and out differ

Answer 1

Try this:

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