div 안에 글자를 자동으로 잘라주는 style
View 13,151 | 작성일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> |