单行文字溢出点点点效果:
只需要3行代码:
.ell{
text-overflow: 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;
}