css로 게시판 제목 자르기

게시판에서 제목의 길이가 너무 길때  ...  으로 표현해야 한다.

javascript 또는 서버스크립트 언어로 길이로 자르면 공백이나 한글 영어에 따라서 들쑥날쑥하게 잘라진다.

아래처럼 css 를 주면 width 값을 넘어가게 되면 ...으로 바뀌게 된다. 훨씬 깔끔하다.

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

출처 : http://www.koabbey.com/?mid=dt_xe&page=6&document_srl=8611.