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