在 HTML 省略号下划线

我在用text-overflow: ellipsis剪切锚点内跨度内的文本。当我悬停时，省略号字符没有下划线，这会导致一个小间隙。有没有办法来解决这个问题？

是的，你可以这样做 - 设置text-decoration: none而不是使用border-bottom - DEMO http://jsfiddle.net/544tX/1/

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;
}