不使用-webkit-box实现多行文本溢出显示省略号

可以使用CSS属性text-overflow:ellipsis来实现文本溢出时显示省略号，但是该属性仅在单行文本中生效。要实现多行文本溢出时显示省略号，可以结合display:-webkit-box、-webkit-line-clamp和-webkit-box-orient属性来实现。

具体实现步骤如下：

1. 给包裹文本的容器设置display:-webkit-box和-webkit-box-orient:vertical，使文本在垂直方向上以块级方式排列。

2. 使用-webkit-line-clamp属性设置文本显示的行数，并将该属性的值设置为期望的行数，例如-webkit-line-clamp:2表示只显示2行文本。

3. 最后，使用text-overflow:ellipsis属性来设置文本溢出时显示省略号。

示例代码如下：

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

在上述代码中，text-container为包裹文本的容器，-webkit-line-clamp设置为2，表示只显示2行文本，当文本超过2行时，将会显示省略号。同时，使用overflow:hidden属性来隐藏超出容器范围的文本