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