CSS

게시글 'CSS로 브라우저 구분없이 글자 자르기'에 대한 정보
CSS로 브라우저 구분없이 글자 자르기
등록일 2009-10-30 조회 3,779

CSS 로 브라우저 구분없이 글짜 자르기


 


CSS로 게시판의 글자자르는 방법은 여러 가지가 있으나 익스 전용이라든지 혹은


연속된 글자(111111111111111111111111111...)등에 대해서는 제대로 처리하지 못한 경우가 많이 있습니다


다음 CSS는 익스와 FF모두 정상적으로 실행되며 연속된글자에 대해서도 알맞게 처리합니다


 


<nobr> 태그와 display의 block 을 이용하면 됩니다


 


 



<table border=1>


<tr>


    <td width=300>


        <nobr style="display:block;width:300;overflow:hidden">


          11111111111111111111111111111111111111111111111111111111111111111111111111


        </nobr>


    </td>


</tr>


</table>


 


표시하는 방법


 


css표현중에 text-overflow:ellipsis라는 속성을 사용하면.


...표시가 가능합니다..


 


<table border=1>


<tr>


    <td width=300>


        <nobr style="text-overflow:ellipsis;width:300;overflow:hidden">


          111111111111111111111111111111222222222222222222222222222222222222222222222


        </nobr>


    </td>


</tr>


</table>


(예제입니다)




111111111111111111111111111111222222222222222222222222222222222222222222222


 

 


출처 : http://www.jakartaproject.com/?m=58786801