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

posted @ 2020-05-25 17:57  东方燚明  阅读(432)  评论(0编辑  收藏  举报