您的位置：首页 > Web前端 > HTML

HTML长文本截取方法，含有HTML代码同样适用

2013-07-31 16:53 369 查看

方法一：用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>

方法二：适用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航