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

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

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

對(duì)于表格文字溢出的定義：
 
對(duì)于表格超出范圍顯示省略號(hào)

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

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

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

這個(gè)寫法只有IE會(huì)有“…”，其它的瀏覽器文本超出指定寬度時(shí)會(huì)隱藏。

以上所述是針對(duì)CSS超出文本指定寬度用省略號(hào)代替和文本不換行的相關(guān)介紹，希望對(duì)大家有所幫助，同時(shí)也非常感謝大家對(duì)軟件開(kāi)發(fā)網(wǎng)網(wǎng)站的支持！