html - 使用文本溢出：锚标记上的省略号

Question

如何让<a>标签使用该text-overflow: ellipsis属性？我有很长的链接名称，我想截断。

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

http://jsfiddle.net/2Wg8N/

Answer 1

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

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