본문 바로가기
프로그래밍/html & jsp

글 자르기 또한가지의 팁 overflow:hidden;text-

by Super User 2009. 6. 10.

게시판 제목 길게 넣었을때 두줄로 나오는 대신 중간에 자르고, 끝에 ... 붙이는것,



아래 어느분 질문 올라오신것과, 답변 등 보았는데요 (정규식 관련 글)



여러 분들이 아시는 것이고, 여기 게시판에서도 몇번 본적있고 그렇습니다만,



<table cellpadding=0 cellspacing=0 border=0><tr><td nowrap><span style='width:100;overflow:hidden;text-

overflow:ellipsis'>이러면 글자가 짤림</span></td></tr></table>



제 경우에 이런 식으로 합니다. overflow:hidden 는 범위 넘어서면 자르고, text-overflow:ellipsis 하면 넘어서

는 부분에 ... 붙는데요, 그냥 <span></span> 만 하면 영문에선 되기도(?) 하는데, 한글에서 잘 안됩니다. 그

럼 <table></table> 로 감싸고 <td>에 nowrap 주면 됩니다.

 

p.s 태요사이트 cassatt 님이 올려주신 내용입니다.

 

IE에서만 지원되는듯합니다.. 아쉽네요.