css로 글자 자르기

 

http://codeigniter-kr.org/tip/view/1711

 

<div style='width:270px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;'>

    문자열

</div>

 

====================================================================================================

http://ooppa.tistory.com/1375

 

<div style="width:200px; text-overflow:clip; overflow:hidden;">
    <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
 
<div style="width:200px; text-overflow:ellipsis; overflow:hidden;">
    <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>

 

<div style="width:200px; text-overflow:ellipsis; overflow:visible;">
   <nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>