css文本超出隐藏显示省略号

单行情况

注意一定要保留宽度！

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

文字超出隐藏并显示省略号-多行

 word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;

有时候 超出显示多行显示省略号会不生效，则需要下面代码，特别是在less中（要保留注释）

word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
/*! autoprefixer: off */     
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;  //显示几行
overflow: hidden;