這篇文章將為大家詳細(xì)講解有關(guān)CSS怎么控制文本超出指定寬度顯示省略號(hào)和文本不換行效果，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們在創(chuàng)意設(shè)計(jì)，全網(wǎng)營銷推廣到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗(yàn)。我們擅長傾聽企業(yè)需求，挖掘用戶對產(chǎn)品需求服務(wù)價(jià)值，為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過十多年以上行業(yè)經(jīng)驗(yàn)，涵蓋創(chuàng)意，策化，開發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)雅安服務(wù)器托管、手機(jī)APP定制開發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)整合營銷。

一般的文字截?cái)啵ㄟm用于內(nèi)聯(lián)與塊）：

CSS Code復(fù)制內(nèi)容到剪貼板

.text-overflow {   
    display:block;/*內(nèi)聯(lián)對象需加 */  
    width:31em;/* 何問起 hovertree.com */  
    word-break:keep-all;/* 不換行 */  
    whitewhite-space:nowrap;/* 不換行 */  
    overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */  
    text-overflow:ellipsis;/* 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/  
}

對于表格文字溢出的定義：

對于表格超出范圍顯示省略號(hào)

CSS Code復(fù)制內(nèi)容到剪貼板

table{   
    width:30em;   
    table-layout:fixed;/* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */  
}   
/*  
何問起  
hovertree.com  
*/  
td{   
    width:100%;   
    word-break:keep-all;/* 不換行 */  
    whitewhite-space:nowrap;/* 不換行 */  
    overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */  
    text-overflow:ellipsis;/* 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/  
}

需要你注意的是，這個(gè)CSS樣式只對單行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 這個(gè)寫法只有IE會(huì)有“...”，

其它的瀏覽器文本超出指定寬度時(shí)會(huì)隱藏。

關(guān)于“CSS怎么控制文本超出指定寬度顯示省略號(hào)和文本不換行效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。

當(dāng)前題目：CSS怎么控制文本超出指定寬度顯示省略號(hào)和文本不換行效果
文章地址：http://www.rwnh.cn/article40/pgcieo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、虛擬主機(jī)、網(wǎng)站建設(shè)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)