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: word;
  overflow:hidden;
}

.ellipsis:after{
  content:'...';
}