展开全部
只能在第一行内显示省略,不能在第二行内换行
<div style="width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
追问
可以实现,但是用的是-webkit-私有属性。我用js已经解决了。代码如下:
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
展开全部
通常的做法是这样的:
1.overflow:hidden;
2.text-overflow:ellipsis;
3.-o-text-overflow:ellipsis;
4.white-space:nowrap;
5.width:100%;
其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对Opera;而宽度的设定主要是针对IE6;
该方法支持Internet Explorer, Safari, Chrome 和 Opera,但FF并不支持,不过可以通过Jquery来实现类似的效果。
下载Jquery插件:jQuery ellipsis plugin
调用方法:
1.$(document).ready(function() {
2. $('.ellipsis').ellipsis();
3.}
1.overflow:hidden;
2.text-overflow:ellipsis;
3.-o-text-overflow:ellipsis;
4.white-space:nowrap;
5.width:100%;
其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对Opera;而宽度的设定主要是针对IE6;
该方法支持Internet Explorer, Safari, Chrome 和 Opera,但FF并不支持,不过可以通过Jquery来实现类似的效果。
下载Jquery插件:jQuery ellipsis plugin
调用方法:
1.$(document).ready(function() {
2. $('.ellipsis').ellipsis();
3.}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个我只能说用css实现不了,提供两种方法,一是用程序输出时截字,二是用js判断字数截取。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
一般用程序调用的时候设置字数限制,文字结束后,是显示省略号的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我也不复制粘贴了 , 链接个网址吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询