text-align-last 在 safari 15.4 前完全不支持，16+ 仅对块级元素有限支持；chrome/edge 需配合 text-align: justify 才生效；firefox 支持最稳定，但中英文混排时对齐逻辑存在差异。
text-align-last 在哪些浏览器里根本不起作用
它在 Chrome 和 Edge（基于 Chromium）中默认禁用，除非元素设置了 text-align: justify；Firefox 支持得最稳，但 Safari 15.4 之前完全不支持，16+ 才开始有限支持——而且只对块级元素生效，对 inline 或 inline-block 容器无效。
常见错误现象：text-align-last: justify 写了但最后一行还是左对齐，大概率是因为没配 text-align: justify，或者父容器是 display: inline 类型。
- 必须和
text-align: justify成对出现，单独设text-align-last无效 - 只对“产生多行文本”的块级容器有效（比如
p、div），对span这类内联元素无效 - Safari 中若父元素用了
flex或grid布局，即使子元素是block，text-align-last也可能被忽略
text-align-last: justify 和纯 justify 的区别在哪
普通 text-align: justify 会让所有行（包括最后一行）强制拉伸对齐，导致单词间距异常变大、难读；而 text-align-last 就是专门用来「放最后一行一马」的——它只控制最后一行的对齐方式，其他行照常 justify。
使用场景：新闻摘要卡片、引文区块、多行标签列表，需要视觉整齐但又不能牺牲可读性。
立即学习“前端免费学习笔记（深入）”；
-
text-align: justify+text-align-last: left→ 前几行拉伸，末行靠左，最常用 -
text-align-last: justify→ 末行也拉伸（等同于纯 justify，但更可控） -
text-align-last: center→ 末行居中，适合短标题或标语式排版
为什么加了 text-align-last 还是没效果
核心原因：浏览器认为“这行不够长，不值得处理”——text-align-last 只在文本自动换行产生的最后一行上起作用，不是你手动用 <br> 换出来的那行。
常见错误现象：段落里插了 <br>，结果最后一行其实是空行或单字行，text-align-last 直接跳过。
- 确保内容足够长、触发了自然换行（至少两行）
- 避免在段尾加
<br>，它会干扰浏览器对“最后一行”的判断 - 如果用了
word-break: break-all或overflow-wrap: break-word，要确认断行逻辑没把末行切成极短碎片 - 某些字体下，标点挤压或连字（ligature）可能影响行宽计算，间接让末行被判定为“不参与对齐”
CSS 多语言混排时 text-align-last 的行为差异
中英文混排下，text-align-last 在 Firefox 中会按字符边界对齐，但在 Chrome 中倾向按词（word）对齐——这意味着中文末行可能被当成一个“词”，直接右对齐或居中，而英文末行却因空格被拆开拉伸。
性能影响很小，但兼容性坑很深：同一段文字，在不同浏览器里末行对齐方式可能完全不同。
- 中日韩文本建议显式设
text-align-last: left，避免依赖默认行为 - 若需末行也 justify，优先测试 Chrome/Firefox/Safari 三端渲染效果，不要只看开发机
- 遇到标点悬挂（如中文句号贴右边界），
text-align-last不会修正，得靠hanging-punctuation配合（但支持度更低）
getComputedStyle 都可能返回 normal，实际却没生效。 
