html超過幾行後用省略號代替

/******************************超過兩行換行*****************************************/

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;//控制行數

overflow:hidden;

 

display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;

/********************************超過一行換行***************************************/

white-space:nowrap;/*規定段落中的文本不進行換行*/

overflow:hidden;/*內容會被修剪，而且其他內容是不可見的。*/

text-overflow:ellipsis;/*顯示省略號來表明被修剪的文本*/

 

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

 

來源：https://blog.csdn.net/csdn_zy_/article/details/88354684