打开网易新闻 查看精彩图片

CSS有个老毛病——它永远不知道一段文字会占多大地方。设计师想做个自适应卡片，要么写死高度，要么用JavaScript事后补救，像给漏水的船打补丁。

打开网易新闻 查看精彩图片

Pretext想换个思路。它在DOM还没生成之前，直接调用浏览器的排版引擎预渲染文字，把尺寸数据提前交出来。换句话说，它让浏览器"假装"已经画完了，然后告诉你结果。

打开网易新闻 查看精彩图片

开发者Matthew Ström在博客里演示了个场景：一个动态标题需要精确匹配容器宽度。传统做法是渲染→测量→再调整，页面闪一下；Pretext把这套流程压缩到渲染之前，「我们可以在布局阶段就拿到答案，而不是等用户看到半成品再修」。

这技术不是新发明的轮子。它蹭的是CSS Houdini的Parser API——一个喊了五年还没全量落地的标准。Pretext把它包装成即插即用的工具，现在支持React和原生JS。

有人已经在评论区算账：预渲染一次要多少毫秒？频繁调用会不会卡主线程？Ström没给基准测试，只放了个Demo。至少在那个Demo里，文字缩进和换行确实一次到位，没有往常那种"先撑爆再收缩"的抽搐感。