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

来源:互联网 发布:java的substring方法 编辑:程序博客网 时间:2024/04/30 08:09


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

Html代码:

<span class="my-span" title="无数无数无数无数无数">无数无数无数无数无数</span>

Css样式:

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

运行效果:

1 0
原创粉丝点击