css talbe中td溢出隐藏 div溢出隐藏

td溢出隐藏

 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     }

div溢出隐藏

style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 190px" 注意一定要设置宽度

 

posted @ 2018-03-27 11:24  cuculus  阅读(2895)  评论(0)  编辑  收藏  举报