css 段落超出3行显示省略号

想要实现段落超出3行显示省略号的效果，可以使用CSS的`-webkit-line-clamp`属性。但是，`-webkit-line-clamp`只对单行文本生效，对于多行文本需要进行一些特殊处理。

以下是一个实现段落超出3行显示省略号的示例代码：

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

其中，`.box`为段落的类名，设置了段落的显示方式为弹性盒子模型，限制文本显示为3行，垂直排列。`overflow: hidden;`表示超出部分隐藏，`text-overflow: ellipsis;`表示超出部分用省略号代替。这样，当文本超出3行时，就会自动显示省略号了。

需要注意的是，`-webkit-line-clamp`只在WebKit内核的浏览器中生效，如Chrome、Safari等。如果需要兼容其他浏览器，可以考虑使用JS来实现该效果。