前端如何只显示最后三行？

文本内容是生成的，很慢，大概 1-2 分钟
所以需要作一个 loading 页面，展示出内容正在生成。这个页面也会放置其它的内容，广告、友情提示、推荐
目前的设想，是前端向后端轮询，展示最后三行，也就是最新生成的文本
轮询好说，但怎么展示最后三行呢？
或者大家对于这个 loading 页面的设计，有没有别的好建议？

@vacuitym 应该用的是 SSE (Serfer-sent events)

最简单的只留三行高度...

歪个楼，为什么用轮询不用 websocket

限制字数 + 行结合。

当限制最大字数 200 个字后，前端就可以根据页面计算需要显示多少行，这种场景往往页面宽度会限制最大宽度的，类似 fshex ，所以还是比较好实现的

我的想法和 2L 类似，不过如果是纯文字，可以用行高来处理高度

后端返回足够长（保证宽屏也能有三四行）的数据，然后前端底部对齐，预先测量好高度，只露出底部三行高度的文字？

高度可以开发的时候测量，或者创建一个样式相同，宽度相同的隐藏的容器，js 往里面加数据直到恰好三行。然后保留相同高度

有一种需求是文本收起状态只展示两行，点击展开按钮后再全部展示，使用-webkit-line-clamp 属性的，你可以瞅瞅，用那个方法可以限制行数，然后你再给整个文本区域定位改一下，把最后一行定在最下面，这样就是最后 N 行了