본문 바로가기
Program

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>

[이 게시물은 듀라님에 의해 2015-04-03 10:08:13 워드프레스에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:27:24 Public에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:33:53 팁과강좌에서 이동 됨]
[이 게시물은 최고관리자님에 의해 2017-06-10 14:25:12 HTML / CSS에서 이동 됨]
0 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

l2j (121.♡.101.20) 작성일12-06-04 06:04 조회1,712회 댓글0건

댓글목록

등록된 댓글이 없습니다.

Program 목록

게시물 검색

사이트 정보

  • 회사명 회사명 / 대표 대표자명
  • 주소 OO도 OO시 OO구 OO동 123-45
  • 사업자 등록번호 123-45-67890
  • 전화 02-123-4567 / 팩스 02-123-4568
  • 통신판매업신고번호 제 OO구 - 123호
  • 개인정보관리책임자 정보책임자명

고객센터

  • 02-1234-5678
  • abc@abc.com
  • 월-금 am 11:00 - pm 05:00
  • 점심시간 : am 12:00 - pm 01:00
  • 주말&공휴일은 1:1문의하기를 이용하세요.
상단으로