CSS超出部分显示省略号的方法（单行和多行）

一、单行超出部分显示为省略号：

 
 
 
 
 
 
 
 
小虾奋斗起来吧，加油加油加油加油加油加油
 
 

二、多行用CSS无法实现，可以用JS：

怎么显示两行或三行文字，然后多出的部分省略号代替?

第一种方法要求必须设置容器元素的宽度（px，%不行）

第二种方没法精确的显示到行尾，但更灵活

想用哪种，自己选吧。