말 줄임

특수문자 포함 강제 줄 바꿈

width:100px; height:auto; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;

말 줄임 (한 줄)

width:100px; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

 

말 줄임 (두 줄 이상)  

- webkit엔진에서는 말 줄임 두 줄이상일 때 제대로 적용되지 않는다. 그렇기 때문에 webkit전용 css를 넣어주어야 한다

width:100px; height:auto; overflow:hidden; text-overflow:ellipsis;  -webkit-line-clamp:2;  -webkit-box-orient:vertical;  display:-webkit-box;