[CSS] 스타일 시트로 말줄임표 표시를 하자... (overflow)

ㅎㅎ 이번에는 스타일 시트의 기능중에 아주 유용한 기능이 있기에 올려드립니다.
음.. 여태까지 프로그램이나 코딩등의 작업을 할때 말줄임표를 넣으려면 프로그램소스에서 글자의
Length를 계산해서 20글자면 20글자이상이었을때 표시가 되게 해달라 라고 작성을 하였습니다.

이렇게 하면 일단 소스 길어지죠~~~
근대 CSS에 이런 말줄임 기능을 간단하게 해 주는 stylesheet가 있더라구요~ 여태 저만 몰랐던건지는
ㅎㅎ

바로 Overflow:ellipsis; 요고 입니다. 정말 간단하고 유용한 것 같아요~
대신에 Overflow:ellipsis를 사용하시려면 항상 Overflow:hidden;을 같이 써줘야 한답니다.
그리고 width값이 정해져 있어야 하구요~ 그리구 White-space:norwap;을 써서 글이 길어져서 밑으로
떨어지는 것을 방지하면 말줄임표가 나오게 됩니다.

즐프하세요^^