IT분야/Html
css로 게시판 제목 자르기
suroMind
2012. 4. 8. 00:30
게시판에서 제목의 길이가 너무 길때 ... 으로 표현해야 한다.
javascript 또는 서버스크립트 언어로 길이로 자르면 공백이나 한글 영어에 따라서 들쑥날쑥하게 잘라진다.
아래처럼 css 를 주면 width 값을 넘어가게 되면 ...으로 바뀌게 된다. 훨씬 깔끔하다.
.list{width:150px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}