這篇文章主要介紹了css如何實(shí)現(xiàn)超出部分顯示省略號(hào)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

泌陽(yáng)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

超出部分顯示省略號(hào)

// 單行文本
.wrap {
 overflow:hidden;/*超出部分隱藏*/
 text-overflow:ellipsis;/*超出部分顯示省略號(hào)*/
 white-space:nowrap;/*規(guī)定段落中的文本不進(jìn)行換行 */
}
// 多行文本
.wrap {
 width: 100%;
 overflow: hidden;
 display: -webkit-box; //將對(duì)象作為彈性伸縮盒子模型顯示 *必須結(jié)合的屬性*
 -webkit-box-orient: vertical; //設(shè)置伸縮盒對(duì)象的子元素的排列方式 *必須結(jié)合的屬性*
 -webkit-line-clamp: 3; //用來(lái)限制在一個(gè)塊元素中顯示的文本的行數(shù)
 word-break: break-all; //讓瀏覽器實(shí)現(xiàn)在任意位置的換行 *break-all為允許在單詞內(nèi)換行*
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何實(shí)現(xiàn)超出部分顯示省略號(hào)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!