下划线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; 
}