Question

div内文字显示两行，超出两行部分省略号显示css能实现么？

固定长宽，第二行尾部显示省略号

Answer 1

只能在第一行内显示省略，不能在第二行内换行

<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;

Answer 2

通常的做法是这样的：
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.}

Answer 3

这个我只能说用css实现不了，提供两种方法，一是用程序输出时截字，二是用js判断字数截取。

Answer 4

一般用程序调用的时候设置字数限制，文字结束后，是显示省略号的

Answer 5

我也不复制粘贴了 ， 链接个网址吧

网页链接