文本显示为两行,超过部分隐藏并使用省略号

{
display:-webkit-Box; // 有区别于 display：flex  详细：【https://www.zhihu.com/question/22991944】 ，flex 有时候也会加上浏览器前缀
text-overflow:ellipsis;
overflow:hidden;
width:100px;
-webkit-line-clamp: 2;
-webkit-Box-orient:vertical;
}