text-align-last 在 Chrome/Firefox 中需配合 text-align: justify 才生效，仅设 text-align-last 无效；它只作用于最后一行，单行时直接控制对齐；IE/Safari 支持有限，兼容方案可用 justify + ::after 伪元素撑开，但易错位；末尾空白或内联元素会干扰判定。
text-align-last 在 Chrome/Firefox 中不生效？检查是否用了 text-align: justify
只设 text-align-last: justify 没用，它必须和 text-align: justify 配合才能起作用。浏览器默认对齐是 left，此时 text-align-last 完全被忽略。
- 必须同时写：
text-align: justify; text-align-last: justify; - 仅最后一行生效（比如段落末尾、
<p></p>的最后一行），不是每行都拉伸 - 如果内容只有一行，
text-align-last会直接控制这一行的对齐方式
IE 和 Safari 对 text-align-last 的支持很有限
IE10+ 支持，但仅限于块级元素且需开启 -ms-text-align-last；Safari 直到 15.4 才开始部分支持，16+ 才相对稳定。iOS Safari 16.4 之前基本不认这个属性。
- 兼容方案：用
text-align: justify+ 伪元素::after插入空格撑开最后一行（需配合white-space: pre-wrap） - 注意：伪元素方案在换行频繁或响应式文本中容易错位，尤其遇到
word-break: break-word时 - 不要依赖
text-align-last做核心排版，它本质是个“锦上添花”的 CSS 属性
为什么设置了 text-align-last: justify，最后一行还是左对齐？
常见原因是内容末尾有换行符、空格或内联元素干扰了“最后一行”的判定。CSS 引擎会把末尾空白当作可压缩内容，导致实际最后一行只剩一个空格，自然无法拉伸。
- 检查 HTML 源码末尾是否有无意的换行或空格（比如
<p>文字</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>\n后面多了一行） - 给容器加
font-size: 0;再给子元素重设字体大小，能消除 inline 元素间的空白间隙 - 避免在段落末尾放
<span></span>、<em></em>等未闭合或带空格的内联标签
替代方案：用 text-align: justify + hyphens: auto 提升可读性
纯靠拉伸空格做两端对齐，在中文里效果生硬，英文又容易造成过大词间距。加 hyphens: auto 能让长单词自动断行，缓解拉伸压力。
- 需要配合
lang="en"属性和-webkit-hyphens/hyphens同时声明 - 中文不支持
hyphens，但可以手动插入软连字符（如数据结构） - 注意：Firefox 对
hyphens的支持依赖系统字典，部分 Linux 发行版默认没装
vertical-align 干扰。 
