文字超过一定长度后省略号处理总结

1.文字在一行之内：

容器设置如下css样式

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

2.文字在两行之内：

容器设置如下css样式

text-overflow:ellipsis;
display:-webkit-box; 
/* autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
-webkit-line-clamp:2; 

这里要注意，容器不能设置高度，并且，webpack不能编译-webkit-box-orient: vertical;这个属性，解决方法如上述代码。参考文档