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



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

Html代码:

无数无数无数无数无数

Css样式:

.my-span{

    width: 100px;

    height: 20px;

    overflow: hidden;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

}

运行效果:

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

你可能感兴趣的:(Web前端,html5,超出文本省略)