[HTML & CSS] 글자수 제한하여 ...으로 표현(텍스트 라인수를 제한 방법)

[HTML & CSS] 글자수 제한하여 ...으로 표현(텍스트 라인수를 제한 방법)

 

텍스트 박스에 아래 css를 주어서 사용하시면 됩니다 !

.text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 3; /* 라인수 */
    height: 4em; /* 라인수에 맞춰 길이 정해줘야함 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em!important;
    padding: 3px!important;
}