jQuery dotdotdot Demo
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/1.6.10/jquery.dotdotdot.min.js"></script>
<div id="wrapper">
<p>
This is a long text. This is a long text. This is a long text. This is a long text.This is a long text. This is a long text.This is a long text.This is a long text. This is a long text. This is a long text. This is a long text.This is a long text.This is a long text.This is a long text.This is a long texttexttexttexttext.
</p>
</div>
JavaScript
$(document).ready(function() {
$("#wrapper").dotdotdot({
wrap: 'word'
, ellipsis:'...'
,fallbackToLetter:true
,height:100
,watch:true
});
});