div 글자수 제한 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

}