jQuery fewlines.js Text Truncation Plugin Examples

a tiny yet robust jQuery responsive text truncation plugin that allows you to truncate long text within any container by the number of visible lines you specify.

Usages

    
      $('#demo1').fewlines({ lines:2 }); //Show two lines of text with show and hide actions.

      $('#demo2').fewlines({ lines:2, noAction: true }); //Show two lines only, no show/hide action.

      $('#demo3').fewlines({ lines:2, responsive: true }); //Show two lines with screen resize support.

      $('#demo4').fewlines({ lines:2, showOnMouseOver:true }); //Show two lines with mouse hover support.

      
    

Demos

#Demo1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
#Demo2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
#Demo3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
#Demo4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation