css - 텍스트 2줄 효과

[크롬 , 사파리]  다른브라우져는 지원 x 

overflow: hidden; text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

max-height:40px; /* ie 호환성이슈  */

- 호환성 관련해서는 javascript 를 활용하여 작업해주는게 현재로선 최선이다.

설정해놓은 min-height 를 넘으면  :after ( 가상요소 ) 를 활용하여 content:"..." 을끝에 붙여준다.