一般情况一下三句即可解决
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;
