用css解决table文字溢出控制td显示字数

Posted wpfphp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用css解决table文字溢出控制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.  

以上是关于用css解决table文字溢出控制td显示字数的主要内容,如果未能解决你的问题,请参考以下文章

用css改变table中的td居中问题

table中 td th 单行显示不下显示...

css / js 控制 文本溢出 省略号显示

css table取消自动换行问题

css如何设置鼠标悬停时每行显示的字数?

table中td文字超出长度用省略号隐藏超出内容,鼠标点击内容全部显示