web前端超出兩行用省略號表示的實(shí)現(xiàn)方法
更新時(shí)間：2017年10月12日 15:49:05 作者：wei hang
這篇文章主要介紹了web前端超出兩行用省略號表示的實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文能幫助到大家，讓大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下
web前端超出兩行用省略號表示的實(shí)現(xiàn)方法
HTML
<span class="GW_bod0112211"> 吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽，超大孕婦零食 </span>
CSS
span{
height: 40px;
line-height: 20px;
width: 300px;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
這個(gè)屬性應(yīng)用在移動端兼容性比較好。
效果如下：
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
基于Java的代理設(shè)計(jì)模式...2006-10-10
JSP輸出HTML時(shí)產(chǎn)生的大量空格和換行的去除方法
在WEB應(yīng)用中,如果使用jsp作為view層的顯示模板,都會被空格/空換行問題所困擾.2009-10-10
本篇文章主要介紹了jsp隱藏關(guān)鍵敏感信息只顯示前后字段的示例 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-08-08
Java新手入門的30個(gè)基本概念...2006-10-10
Tomcat5+Mssql server 2000數(shù)據(jù)庫連接池配置之旅
Tomcat5+Mssql server 2000數(shù)據(jù)庫連接池配置之旅...2006-10-10
JSP開發(fā)入門(四)--JSP的內(nèi)部對象...2006-10-10
多個(gè)文件上傳是很多時(shí)候都會遇到的問題，本文主要介紹了基于jsp的AJAX多文件上傳的實(shí)現(xiàn)內(nèi)容，這里整理了詳細(xì)的代碼，有需要的朋友可以參考一下。2016-10-10
這篇文章主要介紹了JavaWeb Servlet中Filter過濾器的詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家徹底掌握如何使用，需要的朋友可以參考下2017-10-10
2017-01-01
這篇文章主要介紹了Linux 下java jps命令使用解析詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03