より多く表示するためのテキストのクリーン切り捨てが必要

Question

このjavascriptを使用すると、より多くの情報を表示することができます。テキストをきれいにしてテキストの行全体を表示する（水平にスライスしない） ？

  <div id="description" style="height: 20px; overflow: hidden"> 
        Lots of text. 
      </div> 
      <a href="#" id="more-less">Show more/less>></a> 
      <script> 
      var open = false; 
      $('#more-less').click(function() { 
       if (open) { 
        $('#description').animate({height:'20px'}); 
       } 
       else { 
        $('#description').animate({height:'100%'}); 
       } 
       open = !open; 
      }); 

<br />タグを簡単に切り捨てることができます。

Answer 1

20pxを、2emのようにemsの値に変更します。 1つのemは（ほぼ？）1行の高さに等しい。また、ems内のpタグに余白とパディングを設定する必要があります。