cssテキストが2行を超え、超えた部分が自動的に省略符に変わります

テキストが1行の場合、部分を超えた自動改行を実現する方法を知っています.3行のコードのみ:

  overflow:hidden;//        
  text-overflow:ellipsis;//          
  white-space:nowrap;//     

現在のニーズは,テキストがn行であり,n行を超えた後に省略記号で代用することである.これは複雑になります.

解決方法:

  display:-webkit-box;//               
  -webkit-box-orient:vertical;//           （              ）
  -webkit-line-clamp:n;//      css     ，           ，       

最後に、cssに追加するだけです.

overflow:hidden;//        
text-overflow:ellipsis;//          
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:n;