위즈군의 라이프로그
Reboot... Search /

[CSS] 스타일시트를 이용한 텍스트 Overflow 처리 (text-overflow:ellipsis)

2004. 4. 28. 14:09
text-overflow:ellipsis

IE6 이상에서만 지원하는 스타일로 overflow:hidden 속성과 다른 점은 텍스트가 지정한 영역을 넘칠경우 끝에 자동으로 “...“을 붙여준다는 점

사용법
<DIV style="border:#cccccc 1px solid;width:100px;height:14px;text-overflow:ellipsis">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</DIV>

주의 할 점은 해당 태그에 넓이(width)가 지정되야 하고, div와 같은 태그는 아래로 늘어 나기때문에 높이를 정해 주거나 WHITE-SPACE:NOWRAP; 속성을 사용하거나 nobr을 사용해야 한다.
Category&Tag : [정리중/C# & .NET & Web]
위즈군의 라이프로그

Category

전체 (564)
개발 (0)
일반정보 (0)
IT 일반 (1)
일상&사진 (0)
정리중 (563)

Recent Entry

    Recent Comments

      Recent Trackbacks

        Tags

        Links

          Total:
          Today: / Yesterday:
          Powered by Tistory / Skin by 위즈 라이센스정책 rss 2.0