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標簽不要有疑問，根據情況來確定使用的標簽，

這里是指定兩行，超出兩行顯示省略號