두줄이상 말줄임 처리 (-webkit-line-clamp)

 

.ellipsis{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3; /* line */
 -webkit-box-orient: vertical;
 word-wrap:break-word; /* aaaaaaaaaaa같은 영문때문에 필요 */
}

 

-webkit-line-clamp CSS 속성은 텍스트 블록을 특정 줄 수로 자르는 데 사용.

display 속성을 -webkit-box로 설정하고 -webkit-box-orient 속성을 vertical로 설정해야
텍스트 주위에 상자가 생성되고 고정된 높이 요소 내에서 수직으로 표시.