CSS隐藏多出字体为省略号并且第二行超出宽度省略号的方法

一般情况一下三句即可解决

css一共就三句话：

{

 white-space: nowrap;  

 text-overflow:ellipsis; 

 overflow:hidden;

}

注释：

white-space: nowrap; 文本强制不换行；

text-overflow:ellipsis; 文本溢出显示省略号；

overflow:hidden; 溢出的部分隐藏；

但如果移动网页不能有效，可以尝试使用以下五句

overflow: hidden;

text-overflow:ellipsis;

display: -webkit-box;

-webkit-line-clamp:1;

-webkit-box-orient:vertical

第二行超出宽度省略号方法

overflow:hidden;

text-overflow: ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;