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

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;

}

运行效果：