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

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

其它的瀏覽器文本超出指定寬度時會隱藏。

以上這篇CSS控制文本超出指定寬度顯示省略號和文本不換行效果的實現就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。