下劃線HTML省略號

Question

我正在使用text-overflow: ellipsis來裁剪位於錨點內的跨度內的文本。當我懸停導致一個小差距時，省略號字符不加下劃線。有沒有辦法來解決這個問題？

Answer 1

是的，你可以做到這一點 - 設置和text-decoration: none而不是使用border-bottom - DEMO

a { 
    display: block; 
    width: 185px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-decoration: none; 

    border-bottom: 1px solid transparent; 
} 

a:hover { 
    border-bottom: 1px solid #000; 
}