style="text-overflow:clip; overflow:hidden"
style="text-overflow:ellipsis; overflow:hidden"
style="text-overflow:ellipsis; overflow:visible"
<div style="width:200; text-overflow:clip; overflow:hidden;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<div style="width:200; text-overflow:ellipsis; overflow:hidden;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<div style="width:200; text-overflow:ellipsis; overflow:visible;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<table border=1>
<tr style="padding-top:3">
<td height=20 style="padding-left:5">
<div style="overflow:hidden; text-overflow:ellipsis; width:180;">
<nobr>
<a href="">제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.
</nobr>
</div></td>
<nobr>
<a href="">제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.
</nobr>
</div></td>
<td class=s>2006.12.26</td>
</tr>
</table>
// 결과화면
제목이 긴 문자열로 이루어진 글을 테
제목이 긴 문자열로 이루어진 글을..
제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.
'웹' 카테고리의 다른 글
새로 고침과 백스페이스 방지를 위한 방법 (0) | 2014.02.10 |
---|---|
[JavaScript] ESC와 BackSpace 막기 (0) | 2014.02.10 |
웹페이지 로딩속도 빠르게 하기 Image Sprite (0) | 2013.11.19 |
웹사이트 최적화 (펌) (0) | 2013.11.19 |
자바스크립트 튜닝을 통한 사용자 체감속도 높이기 (0) | 2013.11.14 |