[CSS] 한 줄 말줄임과 두 줄 이상 말줄임 처리

한 줄 말줄임과 두 줄 이상 말줄임을 구현할 때 필요한 최소 룰셋이다. 두 줄 이상 말줄임을 PC에 적용할 땐 지원 브라우저를 꼭 확인하자. 지원 브라우저는 http://caniuse.com/#search=line-clamp에서 확인할 수 있다.


<style>
/* 한 줄 말줄임 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 두 줄 이상 말줄임 */
.ellipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 라인 수 */
    -webkit-box-orient: vertical;
}
</style>