要在 CSS 中实现文本最多显示两行，如果超出则显示省略号，你可以使用 -webkit-line-clamp 属性。这个属性定义了一个块容器中的文本最大显示行数。配合 display: -webkit-box; 和 -webkit-box-orient: vertical; 使用，可以实现你想要的效果。

以下是一个示例代码：

cssCopy code
.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 设置为2行文本 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

请注意，这个方法主要针对 WebKit 浏览器（例如 Chrome, Safari）。对于其他浏览器，大多数现代浏览器也支持这些属性，但可能会有一些兼容性问题。在使用这种方法时，最好检查一下目标浏览器的兼容性。

将上面的 CSS 类应用到你的 HTML 元素上，就可以实现文本最多显示两行，超出则显示省略号的效果。例如：

htmlCopy code
<div class="ellipsis">
  这是一段很长的文本，如果超过两行将会显示省略号。请注意这是一个很好的CSS技巧，可以在很多地方使用。
</div>

这样设置后，文本就会在超过两行的情况下显示省略号，以提示用户文本已被截断。