控制表格内的文本溢出时隐藏

Posted 每天多帅一点点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制表格内的文本溢出时隐藏相关的知识,希望对你有一定的参考价值。

table{  

    table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */  

}  

td{

text-align:center;

    word-break:keep-all;/* 不换行 */  

    white-space:nowrap;/* 不换行 */  

    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */  

    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/  

}

以上是关于控制表格内的文本溢出时隐藏的主要内容,如果未能解决你的问题,请参考以下文章

文本溢出添加省略号

如何隐藏材质ui表格单元格中的溢出内容而不是换行

怎样把标签中溢出的部分隐藏

空白:nowrap 和溢出:隐藏在表格单元格中

如何隐藏select2上的溢出?

table表格如何隐藏溢出的内容