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 코드는…

.textcut {
....text-align : justify;
....width : 100%;
....height : 14px;
....overflow : hidden;
....line-height : normal;
}
.dot3 {
....float:right;
}

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

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

Leave a Reply