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

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出全部文本内容