본문 바로가기
Web(html css php)

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

by 전재훈 2017. 2. 16.
반응형

한줄자르기


.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

}

반응형

댓글