Bu soru için bir resim yaptım, anlamak daha kolay olacaktır.

Bazı jquery eklentileri burada ve orada denedim, ancak aradığım birini bulmak. Herhangi bir öneri? fikirler?

Sadece hızlı temel bir fikir.

Aşağıdaki biçimlendirme ile test ediyordum:

<div id="fos">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nisi ligula, dapibus a volutpat sit amet, mattis et dui. Nunc porttitor accumsan orci id luctus. Phasellus ipsum metus, tincidunt non rhoncus id, dictum a lectus. Nam sed ipsum a lacus sodales eleifend. Vestibulum lorem felis, rhoncus elementum vestibulum eget, dictum ut velit. Nullam venenatis, elit in suscipit imperdiet, orci purus posuere mauris, quis adipiscing ipsum urna ac quam.</p>  
</div>

Ve CSS:

#fos { width: 300px; height: 190px; overflow: hidden; }
#fos p { padding: 10px; margin: 0; }

Bu bir WordPress kullanmak uygulayarak istenilen sonuca ulaşmak

var $p = $('#fos p');
var divh = $('#fos').height();
while ($p.outerHeight() > divh) {
    $p.text(function (index, text) {
        return text.replace(/\W*\s(\S)*$/, '...');
    });
}

Tekrar tekrar istediğiniz boyuta ulaşana kadar, metnin son sözü kaldırmak için çalışır. Taşma nedeniyle: JS sonuç kapalıyken bile, bu sürecin görünmez kalır ve gizli kalır 'görsel olarak doğru (olmadan "..." tabii ki).'

Eğer sunucu tarafı (bu sadece küçük bir havai yaprakları) mantıklı bir kesilme ile bu daha sonra birleştirirseniz daha hızlı koş :).

Yine, bu tam bir çözüm değil, sadece bir fikir.

GÜNCELLEME:jsFiddle Demo ekledi.