css로 말줄임, 텍스트 줄이기

.ellipsis {

text-overflow:ellipsis;

white-space:nowrap;

word-wrap:normal;

width:300px;

overflow:hidden;

}

 

.ellipsis-multi {

width:300px;

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 */

}