CSS如何控制文本的長(zhǎng)度超過一行顯示省略號(hào)
這篇文章主要為大家展示了“CSS如何控制文本的長(zhǎng)度超過一行顯示省略號(hào)”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS如何控制文本的長(zhǎng)度超過一行顯示省略號(hào)”這篇文章吧。
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、蕭縣網(wǎng)站維護(hù)、網(wǎng)站推廣。
代碼如下：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
a b c d e f g h i j k l , msa sd sd sa w df f
text-overflow屬性僅是注解，當(dāng)文本溢出時(shí)是否顯示省略標(biāo)記。并不具備其它的樣式屬性定義。我們想要實(shí)現(xiàn)溢出時(shí)產(chǎn)生省略號(hào)的效果。還必須定義：強(qiáng)制文本在一行內(nèi)顯示（white-space:nowrap）及溢出內(nèi)容為隱藏（overflow:hidden）。只有這樣才能實(shí)現(xiàn)溢出文本顯示省略號(hào)的效果。
一、僅定義text-overflow:ellipsis; 不能實(shí)現(xiàn)省略號(hào)效果?！ ?nbsp;
二、定義text-overflow:ellipsis; white-space:nowrap; 同樣不能實(shí)現(xiàn)省略號(hào)效果
三、同時(shí)應(yīng)用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可實(shí)現(xiàn)所想要得到的溢出文本
以上是“CSS如何控制文本的長(zhǎng)度超過一行顯示省略號(hào)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
新聞名稱：CSS如何控制文本的長(zhǎng)度超過一行顯示省略號(hào)
文章出自：
http://weahome.cn/article/ijdced.html
重慶分公司
重慶分公司
