css 말줄임 처리

css

text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100px; overflow:hidden;

text-overflow:ellipsis; 
white-space:nowrap; 
word-wrap:normal;
width:100px; overflow:hidden;

 

두줄 이상인 경우 css

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 */

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 */