实现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;
  }

鼠标滑过显示全部字数

  

 

posted @ 2021-07-16 11:57  cin1919  阅读(803)  评论(0)    收藏  举报