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

原文地址:https://www.cnblogs.com/dfym80/p/12958261.html