text-overflow:ellipsis

text-overflow:ellipsis

IE6 이상에서만 지원

overflow:hidden 속성과 다른 점은 텍스트가 지정한 영역을 넘칠경우 끝에 자동으로 “...“을 붙여준다

태그에 넓이(width)가 지정되야 하고, div와 같은 태그는 아래로 늘어 나기때문에 높이를 정해 주거나 

WHITE-SPACE:NOWRAP; 속성을 사용하거나 nobr을 사용해야 한다.


<div style="width:200px;overflow:hidden;text-overflow:ellipsis">
 <nobr>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</nobr>
</div>

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

저작자 표시
신고

'☆Develpoer > └ HTML/Script' 카테고리의 다른 글

RSS 2.0 Specification  (0) 2012.07.12
select a radio button with jQuery  (0) 2012.07.07
text-overflow:ellipsis  (0) 2012.06.04
IE 인쇄 페이지 설정 컨트롤  (0) 2012.05.04
[Script]특정부분 div태그로 싸서 출력하기  (0) 2012.04.17
bootstrap IE  (0) 2012.04.04