htnl5中设置文本单行显示,超出部分打省略号,鼠标移到文本时alt出全部文本内容

Posted 微韩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了htnl5中设置文本单行显示,超出部分打省略号,鼠标移到文本时alt出全部文本内容相关的知识,希望对你有一定的参考价值。

 

html代码:

 1、<span class="my-span" title="无数无数无数无数无数">机构</span>  

Css样式:

.myspan{
  width: 100px;
  height: 25px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

 

运行效果:

 

 

 

以上是关于htnl5中设置文本单行显示,超出部分打省略号,鼠标移到文本时alt出全部文本内容的主要内容,如果未能解决你的问题,请参考以下文章

CSS中 设置( 单行多行 )超出显示省略号

CSS中 设置( 单行多行 )超出显示省略号

CSS 一段文本怎么设置超过省略号显示

文本显示,单行超出和多行超出显示省略号

web前端入门到实战:css实现单行、多行文本超出显示省略号

HTML多行文本超出区域用省略号代替