html - 如何将超链接作为文本溢出？

Question

使用 text-overflow: ellipsis，是否可以仅省略号

1. 可点击
2. 样式像超链接

如果是，怎么做到的？

目标是当文本溢出时，可以使用省略号来显示溢出的文本，并且让用户清楚省略号是可以点击的。

Answer 1

.truncate {
    width: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

并在 div 中使用此类作为 anchor 标记:

<div class="truncate"><a href="http://www.facebook.com">Facebook</a></div>

此处演示:http://jsfiddle.net/WaAL5/

更新的解决方案:http://jsfiddle.net/WaAL5/1/