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