web前端超出兩行用省略號表示的實現(xiàn)方法
更新時間：2017年10月12日 15:49:05 作者：wei hang
這篇文章主要介紹了web前端超出兩行用省略號表示的實現(xiàn)方法的相關資料,希望通過本文能幫助到大家，讓大家實現(xiàn)這樣的功能，需要的朋友可以參考下
web前端超出兩行用省略號表示的實現(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;
}
這個屬性應用在移動端兼容性比較好。
效果如下：
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
本篇文章小編為大家介紹，基于JSP 自定義標簽使用實例介紹，需要的朋友參考下2013-04-04
JavaBean實現(xiàn)多文件上傳的兩種方法...2006-10-10
之前在測試頁面功能時，發(fā)現(xiàn)在input type=“text”的輸入欄中按下回車鍵時，會導致form表單的自動提交，遂將提交按鈕由submit類型改為button類型。這樣雖然解決了表單自動提交的問題，但是卻導致了新問題的出現(xiàn)，即表單中的nicEdit的值無法被提交了。下邊是解決的方法，需要的朋友請往下看2013-03-03
這篇文章主要介紹了JAVA velocity模板引擎使用實例,需要的朋友可以參考下2014-04-04
基于jsp實現(xiàn)新聞管理系統(tǒng) 附完整源碼
這篇文章主要介紹了基于jsp的新聞管理系統(tǒng),具有一定的參考價值，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
本篇文章主要是對jsp頁面?zhèn)鲄y碼的解決方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JSP 獲取本地圖片的實例詳解的相關資料,希望通過本文能幫助道到大家，需要的朋友可以參考下2017-09-09
jsp操作MySQL實現(xiàn)查詢/插入/刪除功能示例
jsp操作MySQL實現(xiàn)查詢、插入與刪除功能（query、insert、delete）示例如下，感興趣的朋友可以參考下2013-08-08
jsp Unsupported encoding: gb2312 錯誤原因
今天做了一個JSP頁面，運行時tomcat提示：org.apache.jasper.JasperException: Unsupported encoding: gb2312 錯誤，找了很久才找到出錯的地方，原來是一個空格惹的禍。2009-06-06
今天嘗試用Hibernate的配置文件生成數(shù)據(jù)庫腳本，結果居然成功了，代碼很簡單2009-03-03