Javascript) 말줄임 효과 여러줄 만들기

동해물과 백두산이 마르고...

/* CSS */

.ellipsis1 {
width:100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

두 줄 효과

예시)

동해물과 백두산이 마르고 닳도록

하나님이 보우하사 우리나라 만세...

.ellipsis2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;  //<- 이 숫자로 줄을 정의한다.
-webkit-box-orient: vertical;
}

 

도움되셨다면 하단의 광고 클릭 한번 부탁드립니다 :)