CSS로 글자 제목자르기

PHP 스쿨 팁텍에 올라왔던 글에서…
http://phpschool.com/bbs2/inc_view.html?id=10857&code=tnt2&start=0
firefox에서 안되는 등의 몇가지 문제가 있어 내가 수정한 것.

IE 6.0, firefox 0.8에서 테스트해봤는데 잘 된다.
다른 건 잘 모르겠다. ^^;;

아래는 예제…

CSS를 이용한 긴제목 자르기

no subject date
3 2004/6/8
2 2004/6/8
1 2004/6/8

중요한 CSS 코드는…
[code type=css].textcut {
….text-align : justify;
….width : 100%;
….height : 14px;
….overflow : hidden;
….line-height : normal;
}
.dot3 {
….float:right;
}[/code]

이 부분… 자를 글자에 사용하는 .textcut 이라는 이름의 class 와 점을 표현하는 .dot 이라는 이름의 클래스다.

응용은 당신의 몫!!! (만화대사 같지 않아요? 하핫~)

댓글을 남겨주세요