单行超出隐藏有省略号，多行超出隐藏有省略号

单行超出隐藏有省略号:

//不换行
white-space: nowrap;
//超出隐藏
overflow: hidden;
//超出部分用...代替
text-overflow: ellipsis;

多行超出隐藏有省略号:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;

今天遇到一个问题，英文不换行，汉字没有问题
解决方法如下：
加段css

word-break:break-all
//或者
word-wrap:break-word