在html中文字超出表格边框隐藏 用省略号代替,但是要能复制文字的全部内容,怎么做到

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在html中文字超出表格边框隐藏 用省略号代替,但是要能复制文字的全部内容,怎么做到相关的知识,希望对你有一定的参考价值。

现在已经能影藏了 但是不能复制出全部的内容

你可以点击该链接,然后按快捷键ctrl+A就可以全选连接内容,然后按ctrl+c就可以复制全部内容; 参考技术A 那你只能在那个内容旁边加一个复制按钮。点击的时候复制那个框里面的内容。
不然直接鼠标选中,选中的是啥就是啥本回答被提问者采纳

文字太长想隐藏的字用省略号来代替

  1. white-space: nowrap;
  2. overflow: hidden;
  3.  text-overflow: ellipsis;
  4. width: 是必须的,因为宽度需要固定它才知道那些文字是超出了范围

你会觉得这样的话那怎么看全部的文字呢?你可以在元素上设置title属性,让title来显示整个文字,

但是我感觉有一个问题就是title反应好慢

感觉用户体验不好

 

以上是关于在html中文字超出表格边框隐藏 用省略号代替,但是要能复制文字的全部内容,怎么做到的主要内容,如果未能解决你的问题,请参考以下文章

CSS如何隐藏td里面超出的文字?

div中文字溢出用省略号代替,最后面加上[详情] 求解

css控制文字溢出用点(省略号)代替

文字太长想隐藏的字用省略号来代替

文本超出用省略号代替

文字超出两行用省略号显示