HTML标签固定宽度文字超过部分展示为省略号,鼠标悬浮时显示全部信息

css

div {
    display: block;
    width:100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    text-align:left;/*文字左对齐*/
}

html

<div title="撒旦法是否大是大非萨芬的阿斯蒂芬阿斯蒂芬阿斯蒂芬暗室逢灯暗室逢灯暗室逢灯阿斯顿发送到发送到发送到发送到防守打法撒旦法士大夫" >            
    撒旦法是否大是大非萨芬的阿斯蒂芬阿斯蒂芬阿斯蒂芬暗室逢灯暗室逢灯暗室逢灯阿斯顿发送到发送到发送到发送到防守打法撒旦法士大夫
</div>

演示结果