web前端超出兩行用省略號表示的實現(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;
}
這個屬性應(yīng)用在移動端兼容性比較好。
效果如下:
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
上一篇:JSP servlet實現(xiàn)文件上傳下載和刪除
欄 目:JSP編程
本文標(biāo)題:web前端超出兩行用省略號表示的實現(xiàn)方法
本文地址:http://www.jygsgssxh.com/a1/JSPbiancheng/11445.html


閱讀排行
本欄相關(guān)
- 01-11web下載文件和跳轉(zhuǎn)的方法
- 01-11Spring注入Date類型的三種方法總結(jié)
- 01-11在JSP中使用formatNumber控制要顯示的小
- 01-11Properties 持久的屬性集的實例詳解
- 01-11EJB3.0部署消息驅(qū)動Bean拋javax.naming.Na
- 01-11jsp文件下載功能實現(xiàn)代碼
- 01-11JSP頁面跳轉(zhuǎn)方法大全
- 01-11詳解Spring的核心機制依賴注入
- 01-11jsp 使用request為頁面添加靜態(tài)數(shù)據(jù)的實
- 01-11Spring獲取ApplicationContext對象工具類的
隨機閱讀
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-10C#中split用法實例總結(jié)
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-11ajax實現(xiàn)頁面的局部加載
- 04-02jquery與jsp,用jquery
- 01-10delphi制作wav文件的方法
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 08-05DEDE織夢data目錄下的sessions文件夾有什


