text-align-last: justify 单独使用无效，必须配合 text-align: justify 才生效；它仅控制已启用两端对齐时的最后一行对齐方式，且依赖块级容器、无尾部隐藏字符、内容需换行等条件。
text-align-last 本身不能实现两端对齐——它只是 text-align: justify 的“最后一行控制开关”，单独设置 text-align-last: justify 完全无效。
为什么只写 text-align-last: justify 没反应
浏览器直接忽略该声明，因为 text-align-last 是依赖型属性：它不触发对齐逻辑，只在 text-align 已为 justify 时，才决定“最后一行怎么对齐”。漏掉 text-align: justify，等于没打开电源，再好的开关也没用。
- 常见错误：HTML 中写了
<p style="text-align-last: justify">文本</p>，但没加text-align: justify - 验证方法：用 DevTools 查看 computed 样式，若
text-align-last灰掉或显示not set，基本就是前提缺失 - 注意：即使写了
text-align: justify，若内容未换行（单行）、容器是span或display: inline，该属性仍不生效
text-align-last: justify 在什么情况下真能拉伸单行
单行文本要被当作“最后一行”并拉伸，必须满足三个硬性条件：
- 父容器是块级元素（如
<p></p>、<div>），且设了 <code>text-align: justify和text-align-last: justify - 文本内部无末尾隐藏字符（如全角空格
\u3000、零宽空格\u200b、换行符），否则浏览器可能把那个空白当成“最后一行内容”去拉伸 - 容器宽度固定且足够窄，迫使浏览器认为“需要 justify”——如果一行就能塞满，部分浏览器（尤其旧 Safari）会跳过整个 justify 流程
- Chrome/Firefox 可能默认不拉伸，或仅在启用
text-justify: inter-ideograph时才生效（但该属性仅 IE/Edge 支持） - iOS Safari 15.4 之前完全不支持
text-align-last；15.4+ 虽支持，但对中文 justify 行为仍不稳定 - 若内容来自富文本编辑器或 CMS，建议渲染前用正则清理尾部空白：
.replace(/[\u2000-\u200F\u2028\u2029\u202F\u2060\ufeff]+$/g, '') - 伪元素兜底：给容器加
::after { content: ""; display: block; width: 100%; }，强制制造“新最后一行”，原内容变成倒数第二行，自然被justify拉伸 - 结构包裹法：将末尾文字包进
<span style="display: inline-block; width: 100%; text-align: left"></span>，手动接管对齐 - 注意：所有兜底方案都会增加 DOM 节点或破坏语义，若内容需无障碍访问，优先检测
CSS.supports('text-align-last', 'justify')再决定是否降级
为什么中文段落更容易失效
两端对齐本质依赖“断词+插空”，而中文没有天然空格分隔词，text-align: justify 缺乏断点依据。结果是：
兼容性差时更可靠的替代方案
当目标环境含老版 Safari、微信内置浏览器或需支持屏幕阅读器时，text-align-last 不宜作为主力方案：
真正容易被忽略的点是：text-align-last 的生效与否，不取决于你写了什么，而取决于浏览器是否认定“这里存在一个需要被修正的最后一行”——这个判断藏在换行逻辑、容器类型、文本结构和引擎版本的夹缝里，调试时得一层层剥开看。
