How to display only the first few lines of a div (clamping)?

Question

I have a list of divs in which I display the preview of longer documents. The documents use varying font styles. So I don\'t have a constant line height. Here i

Answer 1

One alternative is to use the dotdotdot jQuery plugin.

Its used like

$("div.text_element").dotdotdot({
  ellipsis : "...",
  wrap : "word"
});

This way, you can just concern yourself with the div dimensions rather than line height or other CSS attributes. Also, it allows you to trigger events to show and hide the hidden text.