设置table表格文字溢出显示省略号

君山

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

复制代码

1. //注：在其他元素设置文字溢出显示省略号时，只需要给元素设置
   
2. 
   
3. word-break:keep-all;/* 不换行 */
   
4. white-space:nowrap;/* 不换行 */
   
5. overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
   
6. text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;
   
7. 
   
8. overflow: hidden;即可
   

复制代码