HTML標籤固定寬度文字超過部分展示爲省略號,鼠標懸浮時顯示全部信息

css

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

html

<div title="撒旦法是否大是大非薩芬的阿斯蒂芬阿斯蒂芬阿斯蒂芬暗室逢燈暗室逢燈暗室逢燈阿斯頓發送到發送到發送到發送到防守打法撒旦法士大夫" >            
    撒旦法是否大是大非薩芬的阿斯蒂芬阿斯蒂芬阿斯蒂芬暗室逢燈暗室逢燈暗室逢燈阿斯頓發送到發送到發送到發送到防守打法撒旦法士大夫
</div>

演示結果