CSS文本超出指定宽度后隐藏并显示为省略号的实现方法

1. table{        
2.    width:25em;        
3.    table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */     
4. }      
5. td{      
6.   width:100%;        
7.   word-break:keep-all;/* 不换行 */         
8.   whitewhite-space:nowrap;/* 不换行 */          
9.   overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */     
10.   text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/     
11. }  

代码：