소셜로그인
CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 100
text-overflow
2010.09.16 17:46:12
0
조회 수 : 4041
![[레벨:30]](http://www.webmini.net/modules/point/icons/xeicon/30.gif "포인트:65109point, 레벨:30/30"){kind=icon}
빽짱구| 출처 : |
|---|
text-overflow:ellipsis; 의 기능
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>text-overflow</title>
<style type="text/css">
div {width:140px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
</style>
</head>
<body>
<div>
[테스트] 테스트 중입니다.
</div>
</body>
</html>
파이어폭스만 빼고 다른 브라우저(크롬,사파리,오페라등)에서는 지원된다고 하네요..
파이어폭스로 하는 방법이 있긴한데, 찾아보시길..
0
0
