[Error] 태그 글자 넘침 현상, 말줄임표

 

페이지나 박싱 넘어가는 글자 넘침현상 해결하기

width:500px;overflow:hidden;word-wrap:break-word;word-break:break-all;

(영어 넘침 해결 위에서는 word-break:break-all 넣음)

 

말 줄임표

1줄 말 줄임표

width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap

 

N줄 말 줄임표

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */

-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em;

/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */