读书人

用js实现多余的字符用省略号表示可是

发布时间: 2013-01-01 14:04:19 作者: rapoo

求助:用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;

[解决办法]
引用:
引用:引用:引用:引用:/*JS代码*/
/*设置简介中多出的文字用省略号表示*/
(function(){
var o = document.getElementById("desc");
var s = o.inne……


我用chrome看是好的呀。。。
或者你设个style好了。。
n.style.display = 'inline';
n.setAttribute('href', 'javascript:');

读书人网 >CSS

热点推荐