首页 > Web开发 > 详细

实现css限制字数,超出部份显示 “ ... ” 鼠标滑过显示全部

时间:2021-07-16 15:07:26      阅读:15      评论:0      收藏:0      [点我收藏+]
<span  id="syschar">***</span>
HTML部分

  

 #syschar{
   overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
  }
限制字数,超出隐藏。隐藏部分显示 ...

  

#syschar:hover{
    display: block;
    width: 100%;
    overflow: auto;
    white-space: normal;
  }

鼠标滑过显示全部字数

  技术分享图片

 

实现css限制字数,超出部份显示 “ ... ” 鼠标滑过显示全部

原文:https://www.cnblogs.com/cin1919/p/15019458.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!