css样式 超出的文字变成三个点省略 （单行与多行两种情况，谷歌浏览器）

单行情况

( 包含文字的容器需要有高度 )

width：1000px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

 多行情况

通过   -webkit-line-clamp: 2; 来控制几行内容，例子是两行。

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;