表格内容超出用省略号显示

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/liaozhongping/article/details/47058463
主要设置两个样式:
table{
  table-layout: fixed;       /*固定布局的算法。在这种算法中,表格和列的宽度取决于 col 对象的宽度总和, 假如没有指定,则会取决于第一行每个单元格的宽度。 假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% 。*/
}

td{
  white-space: nowrap;      //设置内容抵达容器边界会不会转到下一行
  overflow: hidden;         //不显示超过对象尺寸的内容(这个绝对不能少)
  text-overflow: ellipsis;

}


#mctable .trb td.first {
  1. padding-right22px;
  2. overflowhidden;
  3. text-overflowellipsis;
  4. white-spacenowrap;
}
#mctable{
table-layout:fixed;
}
注意:红色框的部分就是padding-right的大小。此时设置了padding-right属性的话,那么<td>单元格内部的文字默认显示“...”的位置就是
离右边界22px的位置,而不是右边界。
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页