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

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

웹킷브라우져에서 두줄이상 말줄임처리 가능한 코드가 나왔다! 오 대박!

.ellipsis{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
}

[출처] 두줄이상 말줄임 처리 (-webkit-line-clamp) |작성자 휘성별님