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

<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限制字数,超出部份显示 “ ... ” 鼠标滑过显示全部

 

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

上一篇:关于Typora如何实现自动上传到图床功能的教程


下一篇:工具、类库以及资料-python学习之(1)