一般的文字截斷（適用于內聯與塊）：

CSS Code復制內容到剪貼板

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

對于表格文字溢出的定義：
 
對于表格超出范圍顯示省略號

CSS Code復制內容到剪貼板

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

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

這個寫法只有IE會有“…”，其它的瀏覽器文本超出指定寬度時會隱藏。

以上所述是針對CSS超出文本指定寬度用省略號代替和文本不換行的相關介紹，希望對大家有所幫助，同時也非常感謝大家對軟件開發網網站的支持！