Css溢出文本显示在几行没有分词 - 不使用display：-webkit-box;

Question

我有一些长文本显示在div中这个div有一个固定的宽度和高度。我希望文本显示在几行（作为div高度），并且句子单词不会中断（一行中的单词前缀和下一行中的continue）此外我想在结尾处添加省略号最后一句。

Css overflow text displayed in few lines without word break

我有以下解决方案： https://jsfiddle.net/vghup5jf/16/ 但它不适用于Internet Explorer和Firefox

 display: -webkit-box; 
-webkit-line-clamp: 2;
       -webkit-box-orient: vertical ;

Internet Explorer + firefox的解决方案是什么