CSS文本超出自动隐藏显示省略号

代码：

单行文本

width:50px;/*div的宽度必须是固定的*/
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;/*文本不进行换行，默认下宽度不够就会换行*/

多行文本

display:-webkit-box;
-webkit-line-clamp:3;  /*数字为指定行数 3代表最多3行*/
-webkit-box-orient:vertical;
overflow:hidden;

效果：