CSS 를 이용한 말 줄임표 - team-wedev/wedev GitHub Wiki

multi-line 에서의 말줄임표

한줄일 경우 text-overflow:ellipsis 를 사용하면 말 줄임표를 사용 할 수 있다.

하지만 멀티라인일 경우에는 line-clamp를 사용해야한다.

display: -webkit-box;
-webkit-line-clamp: 3; /* 라인 수 */
-webkit-box-orient: vertical; /* box의 방향 설정 */

미지원 브라우저의 경우 display:block으로 설정해주고 height를 지정해주면 된다. height는 line-height와 라인 수 를 곱하면 된다.