你的位置:首页 > Java教程

[Java教程]截取指定长度字符串长度代码实例


截取指定长度字符串长度代码实例:
字符串的长度在默认状态下往往不能够满足需求,比如新闻列表新闻标题的长度,如果过长往往会引起换行,影响美观度,进而一项用户体验,所以需要根据需要截取字符串长度,下面就分享两端能够实现此功能的代码,希望对大家有所帮助。
代码示例如下:
一.CSS方式:
html代码:

<div class="cutText">蚂蚁部落欢迎您,只有奋斗才会有美好的明天!</div>

CSS代码:

.cutText{  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.;/*FireFox*/ }

此方式规定了长度,如果超过此长度,就会以省略号表示。
二.jquery截取字符串:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>截取字符串长度-蚂蚁部落</title><style type="text/css">ul{ width:300px; height:300px; margin:0px auto; list-style:none;}ul li{ height:30px; line-height:30px; font-size:12px;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.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(){  $('li').substr(18); } $(document).ready(function(){ subTdContent();})</script> </head> <body> <ul> <li>蚂蚁部落欢迎您,只有奋斗才会有美好的明天</li> <li>每一天都是新的,要好好把握。</li> <li>永远不要想着明天,因为当下才是最真切的。</li> <li>没有任何人一开始就是高手,都是从菜鸟成长而来的</li></ul></body> </html> 

以上代码同样可以实现截取字符串长度效果,具体如何实现这里就不介绍了,如有任何问题可以跟帖留言。
相关阅读:
1.each()函数可以参阅jQuery的each()方法一章节。
2.substring()函数可以参阅JavaScript的String对象的substring()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8831

更多内容可以参阅:http://www.softwhy.com/jquery/