두줄이상 여러줄 멀티라인 말줄임 처리 (-webkit-line-clamp)

웹킷엔진의 기본기

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

크로스브라우징을 위해 height 를 정해줘야 하는데 이때 line-height 와 자르려고 하는 라인수를 계산해서 넣어 줘야함

.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.2em;
	height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}