CSS控制表格的单元格 超出部分显示省略号

只有定义了表格的布局算法为fixed，下面td的定义才能起作用。

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

添加样式让table宽高固定，内容长度过长自动隐藏并显示省略号。

————————————————
版权声明：本文为优快云博主「lpch0825」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/lpch0825/article/details/79332121