html - 使用文本溢出 : ellipsis on an anchor tag

Question

如何制作 <a>标签使用 text-overflow: ellipsis属性(property)？我有很长的链接名称，我想将其截断。

这是我尝试使用通常的文本溢出方法。

http://jsfiddle.net/2Wg8N/

Answer 1

您需要将其更改为 display: block; 或类似 inline-block 的内容并指定宽度，例如:

a {
    width: 50px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}