CSS - 最大宽度和椭圆

Question

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

由于

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

Answer 1

显示跨度：默认为内联，这可能会在为其指定维度时导致奇怪的行为。如果它绝对定位，你应该使用div或设置跨度来显示：阻塞。

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

---

This is an interesting article关于在不使用javascript的情况下让省略号适用于所有现代浏览器。

Answer 2

此javascript将截断您的文本并添加省略号。 （不要在单词或标记的中间打破它）

Barelyfitz Truncate js

不确定i的浏览器兼容性，但它应该可以工作:)

希望它有所帮助。