//单行
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
//多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示几行*/
overflow: hidden;
转载于:https://zhidao.baidu.com/question/497598493326280564.html?fr=iks&word=div%B3%AC%B3%F6ellipsis&ie=gbk中d0r0l0的回答