单行

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;

-webkit-line-clamp: 4 //这是指具体的行数

注意:无论是单行还是多行,一定要给容器一个宽度

Q.E.D.