CSS - 最大宽度和椭圆

我有一个包含文本的跨度。我希望跨度扩大到最大 500px 以容纳里面的文本。达到最大值后，我希望文本为任何溢出最大宽度的文本显示省略号。这可能吗？我尝试了以下方法，但这并没有达到目的。

Thanks

{
    position: absolute;
    top: 13px;
    left: 44px;
    max-width: 500px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

默认情况下，跨度是 display:inline 的，这在为其分配尺寸时可能会导致奇怪的行为。如果它是绝对定位的，您应该使用 div 或将跨度设置为 display:block 。

我不确定这是否能解决您的问题，但这是一个开始:)

这是一篇有趣的文章 http://mattsnider.com/css/css-string-truncation-with-ellipsis/关于让省略号在所有现代浏览器上工作而不使用 javascript。