主頁 > 知識庫 > web前端超出兩行用省略號表示的實現(xiàn)方法

web前端超出兩行用省略號表示的實現(xiàn)方法
熱門標(biāo)簽：外呼系統(tǒng)使用方法 給地圖標(biāo)注得傭金 潤滑油銷售電銷機器人 電銷機器人免培訓(xùn) 自繪地圖標(biāo)注數(shù)據(jù) 電話機器人需要使用網(wǎng)絡(luò)嗎 如何看懂地圖標(biāo)注點 海外圖書館地圖標(biāo)注點 南通通訊外呼系統(tǒng)產(chǎ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ū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:
  • JavaWeb Servlet中url-pattern的使用
  • JavaWeb Servlet中Filter過濾器的詳解
  • Javaweb項目session超時解決方案
  • Javaweb使用cors完成跨域ajax數(shù)據(jù)交互
  • JavaWeb項目中dll文件動態(tài)加載方法解析（詳細步驟）
  • Web技術(shù)實現(xiàn)移動監(jiān)測的介紹

標(biāo)簽：銅川 南京 廣州 大連 黃石 樂山 內(nèi)江 貸款邀約

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《web前端超出兩行用省略號表示的實現(xiàn)方法》，本文關(guān)鍵詞  web,前端,超出,兩行,用,省略號,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《web前端超出兩行用省略號表示的實現(xiàn)方法》相關(guān)的同類信息！
  • 本頁收集關(guān)于web前端超出兩行用省略號表示的實現(xiàn)方法的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章