[css] multiple line ellipsis / 여러 줄 말줄임 처리

보통 글 내용이 길 경우 말줄임표시를 하는데 

웹킷 브라우저에 경우 아래와 같이 간단히 여러줄을 처리할 수 가 있다.

See the Pen multiple line ellipsis / webkit browser by homin ahn (@beans9) on CodePen.

IE에 경우 위 내용이 적용되지 않는다. 아래와 같이 처리할 수 있으나 글내용이 아무것도 없을경우

  라도 넣어줘야 제대로 동작한다. 

원하는 줄수만큼 line-height와 max-height를 지정해 줘야 사용 가능하다. 

  line-height:1.2em;

  max-height: 2.4em; /* max: 2 lines */

See the Pen multiple line ellipsis / chrome, ie by homin ahn (@beans9) on CodePen.