scss ellipsis

在提供的引用中，有几种方法可以使用SCSS实现文字省略号（ellipsis）效果。其中一种方法是使用纯SCSS解决跨浏览器的问题。另一种方法是使用Text-overflow: -o-ellipsis-lastline属性来实现省略号效果。

您可以通过以下代码示例来实现纯SCSS解决跨浏览器的文字省略号效果：

.block-with-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

您也可以使用以下代码示例来实现Text-overflow: -o-ellipsis-lastline属性实现文字省略号效果：

#block-with-text {
  height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

上述代码中，通过设置元素的高度和行数限制，使文字在超过指定行数后自动省略，并用省略号（ellipsis）表示被省略的部分。