text-align-last必须与text-align: justify联用才生效，单独设置无效；它仅作用于块级元素的多行文本最后一行，且依赖现代浏览器支持，缺一不可。
text-align-last 单独写没用，必须和 text-align: justify 一起用，且只在多行、块级、现代浏览器中生效——漏掉任一条件，就等于没写。
为什么只写 text-align-last: justify 没反应
浏览器直接忽略它。这个属性不是独立对齐指令，而是 text-align: justify 的“补丁”：告诉浏览器“最后一行也按两端拉伸”，但前提是得先启用 justify。常见失效场景：
- 只写了
text-align-last: justify，没写text-align: justify - 容器是
<span></span>或设置了display: inline—— 它只作用于块级元素（如<p></p>、<div>）<li>文本太短，没换行（单行时浏览器认为“无中间行可拉伸”，最后一行仍按 left 处理）</li> <li>用了 <code>white-space: nowrap或容器高度固定导致文本被截断，破坏了自然换行前提 - 用
::after伪元素强制制造换行：content: ""+display: inline-block+width: 100%，这样原文本就变成倒数第二行，text-align: justify就会拉伸它 - 确保容器有明确宽度（比如
width: 300px），并配合min-height: calc(1.5em * 2)强制至少两行空间，避免因内容过短而跳过 justify 逻辑 - 用
CSS.supports('text-align-last', 'justify')检测支持性，动态加类降级 - 降级方案优先选
text-align: justify+::after占位（比 JS 计算间距更轻量） - 避免在小字号段落或中英文混排场景强依赖它——字间距失控风险高，尤其移动端 WebKit 渲染偶尔闪烁
怎样让单行文本也触发 text-align-last
关键不是“让它变成最后一行”，而是“骗浏览器：这行需要 justify”。真正可用的路只有两条：
注意：不要用 white-space: pre 或手动加空格模拟，语义错乱、响应式下极易崩。
兼容性差怎么办？别硬扛 text-align-last
Safari 15.4+ 才开始支持，iOS Safari 16.4 之前基本不认；Firefox 虽支持，但对 justify 值处理更保守（可能退回到 start）；IE/Edge 旧版本行为不一致。真实项目中建议：
最常被忽略的是末尾隐藏字符：全角空格、零宽空格、换行符都会干扰“最后一行”判定，上线前务必用 .replace(/[\u2000-\u200F\u2028\u2029\u202F\u2060\ufeff]+$/g, '') 清理用户输入或 CMS 输出。
