超出两行用省略号表示

在这里插入图片描述

display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;//控制行数
overflow:hidden;

附赠
一行超出省略号显示

white-space:nowrap;/*规定段落中的文本不进行换行*/
overflow:hidden;/*内容会被修剪，并且其余内容是不可见的。*/
text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/