긴 Text를 자동으로 자르고 말줄임표 달아주는 CSS

Text가 길때 자동으로 픽셀 길이 만큼 잘라주고 ... 를 달아주는 CSS.

width:200px; overflow:hidden; text-overflow:ellipsis; white-space : nowrap;

-> 폭을 지정하고, overflow는 hidden으로 처리, text-overflow가 ellipsis 가 되어 있으면 자동으로 ... 이 생김, 맨뒤에 white-space도 달아줘야 함

-> 모든 block element에서 동작하기 때문에 block 이 아닌녀석에게 적용하면 대략 낭패를 볼 수 있음

이런게 CSS로 처리 된다는게 감동일 따름..