css 超出两行显示...

要实现CSS超出两行显示省略号的效果，你可以使用CSS的`text-overflow`属性配合`overflow`和`white-space`属性来实现。

首先，设置一个固定高度的容器来包裹文本内容，比如假设容器的高度为40px：

.container {
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
}

然后，给容器内的文本元素添加以下样式：

.text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

这样，当文本内容超出容器的高度时，超出部分将被隐藏，并且末尾会显示省略号。

注意，为了让文本在超出容器时换行并显示省略号，你还需要在父容器中添加`display: -webkit-box;`和`-webkit-line-clamp: 2;`属性（在WebKit浏览器中兼容），示例如下：

.container {
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

这样，当文本内容超出两行时，将会显示省略号。注意，这个方法在其他浏览器上可能不起作用，所以你可以使用JavaScript来动态计算文本行数并进行处理。