css设置文本只显示三行超出部分显示省略号

可以使用CSS中的`text-overflow`属性和`-webkit-line-clamp`属性来实现该效果。

先设置文本只显示三行，可以使用以下样式：

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;

然后再添加`text-overflow`属性来显示省略号：

text-overflow: ellipsis;

完整的CSS样式如下：

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