div 안에 글자를 자동으로 잘라주는 style > IT Note

본문 바로가기
사이트 내 전체검색

IT Note

div 안에 글자를 자동으로 잘라주는 style
0

View 12,303  | 작성일2012.10.25 11:49

본문

DIV 태그 스타일에 text-overflow:ellipsis; overflow:hidden; 을 사용하면 div 안의 글자를 

자동으로 줄여줍니다. 

그런데 막상 하란대로 했는데도 안되는거에요...

이유를 알고보니 줄이고 싶은 글은 <nobr> </nobr> 태그로 감싸줘야 해요.
그렇지 않으면 줄여지지 않고 줄바꿈이 됩니다;;

그리고 text-overflow:ellipsis; overflow:hidden; 사용했을시에는 div 에 width 속성이 들어가야 합니다.
안그러면 죽 늘어나겠죠?

예제
<div style='text-overflow:ellipsis; overflow:hidden; width:50%;'
<nobr> 이렇게 하면 50퍼센트 너비밖에 있는 글자는 말줄임표로 줄여집니다.</nobr>
</div>


댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

접속자집계

오늘
349
어제
383
최대
6,399
전체
655,268
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기