<div>
<p class="ellipsis">
한 줄 말줄임 테스트입니다.
</p>
<p class="ellipsis_multi">
두 줄 이상 여러 줄 멀티라인 말줄임 테스트입니다. 두 줄 이상 여러 줄 멀티라인 말줄임 테스트입니다.
</p>
</div>
div {width:150px;margin:25px;padding:0 15px;border:1px solid #c2c2c2;}
div > p {margin:15px 0;font-size:13px;}
/* 한 줄일 경우 */
.ellipsis {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/* 두 줄 이상일 경우 */
.ellipsis_multi {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2; /* 라인수 */
-webkit-box-orient:vertical;
word-wrap:break-word;
line-height:18px;
height:36px; /* height = line-height * 줄수 : 비wekkit 계열 */
}