毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> 开发语言 >> 正文

用js实现多余的字符用省略号表示,可是省略号怎么自动跑到下一行了

更新时间:2012-12-5:  来源:毕业论文

用js实现多余的字符用省略号表示,可是省略号怎么自动跑到下一行了

*JS代码*/
/*设置简介中多出的文字用省略号表示*/
(function(){
  var o = document.getElementById("desc");
  var s = o.innerHTML;
  var p = document.createElement("span");
  var n = document.createElement("a");
  p.innerHTML = s.substring(0,30);
  n.innerHTML = s.length > 30 ? "..." : "";
  o.innerHTML = "";
  o.appendChild(p);
  o.appendChild(n);
})();

/*html代码*/
<p id="desc">AndroidAndroidAndroidAndroidAndroidAndroid AndroidAndroid</p>

可以用CSS实现这个的

width:350px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;

或者你设个style好了。。
n.style.display = 'inline';
n.setAttribute('href', 'javascript:');

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。