熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

HTML長文本截取含有HTML代碼同樣適用的兩種方法

2013-11-15 11:53:48  來源: JSP教程 
正如標題所言我們可以使用CSS截斷字符串IEFireFoxOpera Safari都兼容也可以使用js截取具體實現如下希望對大家有所幫助  

  方法一用CSS截斷字符串IEFireFoxOpera Safari都兼容

復制代碼 代碼如下:
subLongText{
width:px;
height:px;
overflow:hidden;
whitespace:nowrap;
textoverflow:ellipsis;
textoverflow: ellipsis;/* IE/Safari */
mstextoverflow: ellipsis;
otextoverflow: ellipsis;/* Opera */
mozbinding: url("ellipsisxml#ellipsis");/*FireFox*/
}
<span class="subLongText">任意長度文本</span>

  
方法二用js截取

復制代碼 代碼如下:

  
<HTML>
<HEAD>
<TITLE>JQUERY 文本截取方法</TITLE>
<meta httpequiv="contenttype" content="text/html; charset=UTF">
<script type="text/javascript" src="jqueryjs"></script>
<script type="text/javascript">
$fnsubstr = function(lengthcontent){
$(this)each(function(iitem){
var val=$(item)html();
if(!val) return;
if(vallength>length) {
val = valsubstring(length);
val += content || ""
$(item)html(val);
}
});
}
function subTdContent(){
$(td)substr();
}
</script>
</HEAD>
<BODY onload="javascript:subTdContent();">
<table style="border:px solid #bcf;" border="">
<tr>
<td>我是代碼$fnsubstr = function(lc){ $(this)each(function(iitem)</td>
<td>以下兩種方式都可以解決textarea行高自動適應類容的高度</td>
<td>以下兩種方式都可以解決textarea行</td>
</tr>
</table>
</BODY> </HTML>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19838.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.