css两行文本超出省略号

您可以使用CSS中的text-overflow属性来实现此效果。下面是一个例子：

HTML代码：

<p class="ellipsis">这是一段超出两行的文本。</p>

CSS代码：

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示行数 */
}

解释：

- `white-space: nowrap;` 禁止换行
- `overflow: hidden;` 超出部分隐藏
- `text-overflow: ellipsis;` 超出部分显示省略号
- `-webkit-box-orient: vertical;` 设置文本方向为垂直
- `-webkit-line-clamp: 2;` 设置显示的行数为2行，超出的文本将被省略号代替。注意，该属性需要和 `display: -webkit-box;` 一起使用才能生效。