雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

JSP編程

當(dāng)前位置:主頁 > 網(wǎng)絡(luò)編程 > JSP編程 >

web前端超出兩行用省略號表示的實現(xiàn)方法

來源:本站原創(chuàng)|時間:2020-01-11|欄目:JSP編程|點擊:

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編程

下一篇:Spring依賴注入的三種方式實例詳解

本文標(biāo)題:web前端超出兩行用省略號表示的實現(xiàn)方法

本文地址:http://www.jygsgssxh.com/a1/JSPbiancheng/11445.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有