怎样实现多行文本溢出部分添加省略号？

Question

多行文本的时候超出部分如何添加省略号？

display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;

跟上面的实现的效果一样，也要兼容其他浏览器，是否有办法？

Answer 1

单行:

多行: js判断字符长度超出 substring/substr截取字符串 + "...".

Answer 2

width:24em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
前面的长度自己调整