<strong>방법 1: CSS를 사용하여 문자열 자르기: IE, FireFox, Opera 및 Safari는 모두 호환됩니다. </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="83973" class="copybut" id="copybut83973" onclick="doCopy('code83973')"><u>코드 복사 </u></a> </span> 코드는 다음과 같습니다: </div> <div class="codebody" id="code83973"> <br>.subLongText{ <br>width:150px; <br>height:24px; <br>white-space:nowrap; ; <br>텍스트- 오버플로: 줄임표; <br>텍스트-오버플로: 줄임표;/* IE/Safari */ <br>-ms-text-overflow: 줄임표; /* Opera */ <br>-moz-bind: url("ellipsis.xml#ellipsis");/*FireFox*/ <br>} <br><span class="subLongText">모든 길이의 텍스트 <br><br> <br></span> </div>방법 2: js를 사용하여 가로채기 <br> <strong></strong><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="75687" class="copybut" id="copybut75687" onclick="doCopy('code75687')"><u></u> 코드는 다음과 같습니다.</a></span> </div> <div class="codebody" id="code75687"> <br><title>JQUERY 텍스트 차단 방법</title> -equiv="content-type" content ="text/html; charset=UTF-8"> <br><script type="text/javascript" src="jquery-1.3.2.js"> ;/script> <BR>< script type="text/javascript"> <BR>$.fn.substr = function(length,content){ <BR>$(this).each(function(i,item) ){ <BR>var val=$ (item).html(); <BR>if(!val) return <BR>if(val.length>length) { <BR>val = val.substring(0, 길이); <BR>val = 콘텐츠 || "..." <BR>$(item).html(val) <BR>} <BR>}); { <BR>$('td' ).substr(20); <BR></script> <br><br> <br> <br><tr> <br><td>내 코드: $.fn.substr = function(l,c){ $(this).each(function(i,item)</td> <br><td>다음 두 가지 방법은 텍스트 영역 행 높이가 자동으로 조정되는 문제를 해결할 수 있습니다. 클래스 콘텐츠의 높이</td> 다음 두 가지 방법으로 텍스트 영역 행을 해결할 수 있습니다. <br> </tr> /BODY> <br><br> </div>