CSS

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

싼도s 2013. 2. 7. 15:51

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

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

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