text-align-last 在移动端不可靠。ios safari 15.4 前完全不支持，android webview（尤其三星、华为定制系统）表现参差，即使加 -webkit 前缀也常回退为左对齐；窄屏、小字号、中英文混排下易致末行字距突兀或视觉断裂，仅适用于静态富文本，动态内容应避免。
text-align-last 在移动端是否可靠
不可靠。iOS Safari 15.4 之前完全不支持 text-align-last，Android WebView 表现也参差不齐——哪怕加了 -webkit-text-align-last，在部分三星、华为定制系统中仍会回退为左对齐或忽略该声明。
为什么两端对齐在移动端容易出问题
移动端屏幕窄、字号小、中英文混排频繁，text-align-last: justify 会强行拉伸最后一行的字间距（尤其中文），导致字与字之间空隙突兀；而 text-align-last: justify-all 更激进，连单字行都拉伸，视觉断裂感更强。
- 常见错误现象：
text-align: justify+text-align-last: justify在 iPhone 上最后一行文字明显“撑开”，像被橡皮筋拽着 - 使用场景限制：仅适用于段落长度稳定、末行字数可预期的富文本编辑器输出（如 CMS 后台生成的静态文章），不适合用户输入的动态内容
- 性能影响：触发重排时，浏览器需反复测算每行末尾的字间距分配，低端 Android 设备可能出现轻微卡顿
更稳妥的替代方案有哪些
放弃纯 CSS 的两端对齐，改用可控性更强的组合策略：
- 对短段落（≤3行）：用
text-align: left+text-indent: 2em保阅读节奏，比强行对齐更自然 - 对长段落：用 JavaScript 拆分末行，插入零宽空格（
）或软连字符（）微调断行位置，再配合word-break: keep-all防止中文被错误拆字 - 若必须 CSS 对齐：降级处理——用
@supports (text-align-last: justify)包裹，不支持时 fallback 到text-align: left，并确保行高（line-height）≥1.5，避免末行挤压感
真要用 text-align-last，这些细节不能漏
即使目标环境明确支持，也要约束边界条件：
- 必须搭配
text-align: justify，否则text-align-last无效 - 避免在
display: inline或display: inline-block元素上使用，只对块级容器（如p、div）生效 - 中英文混排时，给英文单词加
hyphens: auto和lang="en"属性，减少因无法断词导致的末行过长 - 测试时重点看三类机型：iPhone SE（小屏）、iPad（横屏断行逻辑不同）、Pixel 4a（Chrome WebView 旧版本）
真正难的不是写对那行 CSS，而是判断「这一段文字值不值得为它加 JS 降级、测五种机型、再写三套 fallback」——多数情况下，留白比硬对齐更省心。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
