css实现多行文本超出三行显示省略号

你可以使用CSS的`-webkit-line-clamp`属性来实现多行文本超出三行显示省略号。具体的实现方法如下：

1. 设置元素的`display`属性为`-webkit-box`，以启用WebKit的弹性盒子布局模型。

2. 设置元素的`-webkit-line-clamp`属性为3，表示文本最多显示3行。

3. 设置元素的`-webkit-box-orient`属性为`vertical`，以垂直方向排列文本。

4. 设置元素的`overflow`属性为`hidden`，以隐藏超出文本框的文本。

5. 设置元素的`text-overflow`属性为`ellipsis`，表示超出文本框的文本显示省略号。

具体的CSS代码如下：

.your-element {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

注意：`-webkit-line-clamp`属性只在WebKit浏览器中有效，因此请确保你的目标浏览器支持该属性。如果你需要在其他浏览器中实现类似效果，可以考虑使用JavaScript来实现。