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

來源：本站原創(chuàng)|時(shí)間：2020-01-11|欄目：JSP編程|點(diǎ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ì)本站的支持！

上一篇：JSP servlet實(shí)現(xiàn)文件上傳下載和刪除

欄目：JSP編程

下一篇：Spring依賴注入的三種方式實(shí)例詳解

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

本文地址：http://mengdiqiu.com.cn/a1/JSPbiancheng/11445.html

更多JSP編程

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀

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

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

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

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

JSP編程

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

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀