换行并且在某行实现超出div显示省略号。_html/css_WEB-ITnose

我们都知道css有个样式超出显示区域显示。。。

比如一个span里的文字，如果加了这个样式，那么在第一行超出时就显示省略号了。
如果我的文字比较多，可能是四行、五行，单我想在第二行时显示省略号，如何做到？

回复讨论(解决方案)

你是说text-overflow吗？

http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793922.html

webkit内核浏览器支持-webkit-line-clamp这个属性 可以实现以上要求
p {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

webkit内核浏览器支持-webkit-line-clamp这个属性 可以实现以上要求
p {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}