더 많은 것을 표시하기 위해 텍스트의 깨끗한 잘라 내기가 필요합니다.

Question

이 자바 스크립트를 사용하면 더 많은 내용을 표시 할 수 있습니다. 텍스트를 깨끗하게 만들어 텍스트의 전체 줄을 표시합니다 (수평으로 자르지 않음) ?

  <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의 값을 ems 단위로 변경하십시오 (예 : 2em). 하나의 em은 (대략?) 한 줄의 높이와 같습니다. 또한 ems의 p 태그에 여백과 패딩을 설정해야합니다.