html5文本超过指定行数隐藏显示省略号

这个很简单，直接贴代码就好了

 

HTML

<span class="name">博客园是一个面向开发者的知识分享社区。自创建以来,博客园一直致力并专注于为开发者打造一个纯净的技术交流社区,推动并帮助开发者通过互联网分享知识,从而让更多</span>

CSS

span{
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

这里用span没用p标签不要有疑问，根据情况来确定使用的标签，

这里是指定两行，超出两行显示省略号