CSS多行文本并显示省略号

多行文本显示省略号

 

比如说有一个需求：最多只能显示两行文本，超过一行则换行，超过两行则显示省略号

more-wrap($n)
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $n;
  overflow: hidden;

$n 代表显示行数


单行文本显示省略号

ellipse()
  text-overflow ellipsis
  overflow hidden
  white-space nowrap