text-align-last仅在text-align: justify生效时控制最后一行对齐，不适用于单行标题、中文段落或响应式场景；需配合hyphens、word-break等提升兼容性，否则易失效。
text-align-last 不是解决响应式文本对齐的通用方案，它只在特定排版场景下有效，且兼容性差、行为易被忽略。别把它当 text-align 的“增强版”用。
什么时候该用 text-align-last？
它只对设置了 text-align: justify 的段落生效，作用是控制**最后一行**的对齐方式。常见于多行英文段落两端对齐后，末行孤零零左对齐太难看，想强制居中或右对齐时才需要。
- 必须配合
text-align: justify使用，单独设text-align-last: center无效 - 仅影响最后一行；前几行仍按
justify规则拉伸单词间距 - 中文段落几乎用不到——中文无空格分词，
justify本身效果就很弱
text-align-last 的典型错误用法
开发者常误以为它能“让标题居中”或“修复响应式错位”，结果发现完全没反应。这是因为：
-
h1、p等块级元素默认是单行（除非内容超宽换行），没有“最后一行”的概念可言 - 响应式断点变化时，宽度波动导致换行位置改变，
text-align-last的作用行不稳定 - Firefox 早年不支持该属性，Safari 直到 15.4 才完整支持，iOS 15.4 以下基本不可靠
替代方案：真正靠谱的响应式文本对齐
绝大多数响应式文本对齐问题，靠基础属性组合就能解决，更稳、更直白：
立即学习“前端免费学习笔记（深入）”；
- 水平居中标题：直接给
h1、h2设text-align: center，无需text-align-last - 多行文字顶部对齐容器：用
display: flex; align-items: flex-start，比折腾基线可靠 - 图文混排底部/顶部对齐：优先改
img的vertical-align（如vertical-align: top），或统一设为flex子项再控align-items - 首行缩进+末行特殊处理：用
text-indent+::after伪元素模拟，比依赖text-align-last兼容性好得多
真正容易被忽略的是：响应式文本对齐失效，90% 情况下不是对齐属性写错了，而是父容器宽度未约束（比如忘了 max-width）、子元素意外换行（比如中文里插入了 或窄空格），或者字体加载延迟导致重排。先查这些，再碰 text-align-last。
