CSS:文字溢出点点点效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/arvin_top/article/details/84500955

单行文字溢出点点点效果：

只需要3行代码：

.ell{
    text-voerflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

对-webkit-私有前缀支持良好的浏览器还可以实现多行文字打点效果，但是无须依赖overflow:hidden。比方说，最多显示2行内容，再多就打点的核心CSS代码如下:

.ell-rows-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}