在锚标记上使用文本溢出:省略号

时间:2013-05-21 00:55:06

标签: html css anchor css3

如何使<a>标记使用text-overflow: ellipsis属性?我有很长的链接名称,我想截断。

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

http://jsfiddle.net/2Wg8N/

1 个答案:

答案 0 :(得分:26)

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

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