html纯css实现单行以及多行文字省略

复制粘贴代码即可使用，记住一定要设置width行宽，不然无效！

单行文字省略：

width: 200px;

overflow:hidden;

text-overflow:ellipsis;

white-space: nowrap;

多行文字省略：

width: 150px;

display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: 3;  /* 省略后保留的行数 */

 overflow: hidden;