小程序如何实现在溢出的字用省略号代替

我们经常能看到多余的文字后面直接用省略号代替，那么这种方法该怎么实现呢，记录一下，再次特别要注意的是我们不能规定它的高度：

1.我们通常写文字的时候是这样的，

 2.我们加了样式这样是这样的。

 3.代码。

.list2{
  text-overflow:ellipsis;
  z-index: -1;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  background-color: thistle;
}