( CSS ) 모든 브라우저에서 지원하는 TEXT-OVERFLOW (ELLIPSIS, 말줄임표)




정해진 공간안에 글자가 삐져나갈경우 ... 처리 해주는 기능







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




[확인 브라우저]
– IE 6 ~ 9
– Chrome 16.0 (크롬버전 ㄷㄷㄷ)
– FF 10
– Safari 5.1.2
– Opera 11.61




출처 : http://www.codejs.co.kr/text-overflow-ellipsis/