如何在<span>中应用包含空格的椭圆效果？</span>

Question

我想在宽度之后显示省略号。我想用css做这个。 ＆安培;只在一个span标签中。（没有其他标签应该使用label..etc）。我怎样才能做到这一点。

<span>Name: Patrick Jonson</span>

输出应低于一个

Name: Patrick jon...

问题是当空间出现时它会破坏。

请帮忙。

Answer 1

如果我理解正确......这很容易完成 -

的 Demo Fiddle

HTML

<span class='ellipsis'>Name: Patrick Jonson</span>

CSS

span.ellipsis{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:130px;
    display:inline-block;
}