在HTML标签中显示很长一段文字，显示两行，多余部分显示省略号，这个怎么弄？
[问题点数：40分，结帖人ppsharp]
在HTML标签中显示很长一段文字，显示两行，多余部分显示省略号，这个怎么弄？
[问题点数：40分，结帖人ppsharp]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年10月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。喜欢就猛击分享!
个性网内容精选相关文章：&&&&&&&&
最新添加资讯
24小时热门资讯
附近好友搜索怎么显示两行或三行文字，然后多出的部分省略号代替？？
俩种情况，注意是超出一行还是多行！！
/question/.html?qbl=relate_question_0&word=%B3%AC%B9%FD%C1%A9%D0%D0%D4%D9%CA%A1%C2%D4
如果想要在一行里实现“超出长度显示省略号”，是可以的。
overflow:white-space:text-overflow:
这几句css就可以，不要加上去的容器一定要写了宽度的
注意：这里实现的是“超出长度”，而不是“超出字数”，并且在一行里实现。
如果是两行或者三行的容器，想要纯用css实现这个方法，是没办法做到的。
可以提供两种方法，一是用程序输出时截字，二是用js判断字数截取。
JS的demo如下：
&!DOCTYPE html&
&meta charset=&utf-8&&
&title&Examples&/title&
&style type=&text/css&&
.demo{width:100}
&div class=&demo& id=&demo&&怎么显示两行或三行文字，然后多出的部分省略号代替?&/div&
// js无法直接通过class获取对象，必须自己写一个方法,这样效率会非常低，原生js里最好用id获取，
// 直接用id获取domo对象
var oBox=document.getElementById('demo');
// slice() 方法可从已有的数组中返回选定的元素。
// 您可使用负值从数组的尾部选取元素。
// 如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。
// 此处需要根据需求自行修改slice()的值，以达到要显示的内容
var demoHtml = oBox.innerHTML.slice(0,10)+'...';
// 填充至指定位置
oBox.innerHTML = demoH
css3解决（部分浏览器不兼容）（容器宽度可变为%形式）
/webkit/-webkit-line-clamp/
参考思路：/q/3735
js插件——ellipsis解决（容器宽度固定）
中文翻译介绍/think/archive//jquery_ellipsis.html
源码/thinhunan/jquery.ellipsis.js
找到办法了吗？
3 总笔记数
1257 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：}