HTML 긴 텍스트 는 HTML 코드 가 똑 같이 적용 되 는 두 가지 방법 을 캡 처 합 니 다.

방법 1:CSS 로 문자열 자 르 기:IE,FireFox,Opera,Safari 모두 호 환

 
.subLongText{ 
width:150px; 
height:24px; 
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; 
text-overflow: ellipsis;/* IE/Safari */ 
-ms-text-overflow: ellipsis; 
-o-text-overflow: ellipsis;/* Opera */ 
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
} 
<span class="subLongText">      </span>

방법 2:js 로 자 르 기

 
<HTML> 
<HEAD> 
<TITLE>JQUERY       </TITLE> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
$.fn.substr = function(length,content){ 
$(this).each(function(i,item){ 
var val=$(item).html(); 
if(!val) return; 
if(val.length>length) { 
val = val.substring(0,length); 
val += content || "..." 
$(item).html(val); 
} 
}); 
} 
function subTdContent(){ 
$('td').substr(20); 
} 
</script> 
</HEAD> 
<BODY onload="javascript:subTdContent();"> 
<table style="border:1px solid #b3c0f5;" border="1"> 
<tr> 
<td>    ：$.fn.substr = function(l,c){ $(this).each(function(i,item)</td> 
<td>           textarea           </td> 
<td>           textarea </td> 
</tr> 
</table> 
</BODY> </HTML>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

HTML 긴 텍스트 는 HTML 코드 가 똑 같이 적용 되 는 두 가지 방법 을 캡 처 합 니 다.

방법 1:CSS 로 문자열 자 르 기:IE,FireFox,Opera,Safari 모두 호 환 방법 2:js 로 자 르 기...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

HTML 긴 텍스트 는 HTML 코드 가 똑 같이 적용 되 는 두 가지 방법 을 캡 처 합 니 다.

좋은 웹페이지 즐겨찾기