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" 注意一定要设置宽度

原文地址：https://www.cnblogs.com/cuculus/p/8656485.html