CSS - 最大宽度和椭圆

Question

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

谢谢

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

原文由 Steve 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

---

这是一篇关于在不使用 javascript 的情况下让省略号在所有现代浏览器上工作的有趣文章。

原文由 Dan M 发布，翻译遵循 CC BY-SA 4.0 许可协议