文本溢出：省略号不起作用

这就是我尝试过的（参见here):

body {
    overflow: hidden;
}

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
}

本质上，当窗口变小时，我希望跨度随着省略号而缩小。我做错了什么？

你需要有 CSSoverflow, width (or max-width), display, and white-space.

http://jsfiddle.net/HerrSerker/kaJ3L/1/

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: block;
    overflow: hidden
}

body {
    overflow: hidden;
}

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: block;
    overflow: hidden
}

<span>Test test test test test test</span>

Addendum如果您想了解行限制（多行溢出省略号）的技术概述，请查看此 CSS 技巧页面：https://css-tricks.com/line-clampin/

附录2(2019年5月)
正如这个link声称 Firefox 68 将支持-webkit-line-clamp (!)