CSS 로 한줄, 여러줄로 글자 자르기 (... 붙히기)

한줄자르기

.line1 {

display: inline-block;

width: 500px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

여러줄자르기

.line2 {

display: -webkit-box;

white-space: normal;

line-height: 20px;

height: 40px;

word-wrap: break-word;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical

}