text-align-last 在 chrome 和 safari 中不生效，因其仅对自动换行产生的末行生效，且需块级容器、自然换行、chrome 117+/safari 16.4+ 才支持 justify；text-justify 非标准属性，所有浏览器均不支持。
text-align-last 在 Chrome 和 Safari 中不生效？
因为 text-align-last 默认只对块级元素中**最后一行**起作用，且必须满足「该行是自动换行产生的末行」这个前提。如果内容只有一行、或用了 white-space: nowrap、或容器高度固定导致文本被截断，它就完全没机会触发。
- 确保父容器是标准块级元素（如
div、p），且未设置display: inline或flex - 文本需自然换行——删掉
white-space: nowrap、overflow: hidden等干扰换行的样式 - Chrome 117+ 和 Safari 16.4+ 才真正支持
text-align-last: justify；旧版 Safari 只认auto和left/right/center - Firefox 一直支持较好，但对
justify值的处理更保守：它不会在最后一行强行拉伸单词间距，而是退回到start
text-justify 是个“伪属性”，别当真用
text-justify 不是标准 CSS 属性，目前没有任何主流浏览器实现它。你在 DevTools 里看到它被标为 invalid，不是你写错了，是它根本不存在于现行规范中。W3C 曾在草案里提过，但已被搁置多年。
- 不要在 CSS 文件里写
text-justify: inter-word—— 它不会生效，还会让部分构建工具报 warning - 想控制两端对齐时的挤塞行为（比如避免大间隙），实际能用的只有
text-align: justify配合hyphens: auto和word-break: break-word - 某些 CSS 预处理器或 IDE 插件会错误补全
text-justify，把它当成真实属性——注意甄别
用 text-align: justify 实现“真两端对齐”的硬伤
纯靠 text-align: justify 做两端对齐，遇到短段落、中文、或连续标点时，容易出现难看的超大词间距或断行异常，尤其在小屏幕或窄容器中。
- 中文缺乏空格分隔，浏览器默认按字切分，
justify会把每个字强行拉开，视觉上像“字打散了” - 解决办法之一是加
text-justify: inter-character—— 但它只在 Firefox 中有效，且需配合lang="zh"属性才启用 - 更稳妥的做法：对中文段落禁用
justify，改用text-align: left；或用 JavaScript 拆分段落后手动插入零宽空格（）辅助断行 - 移动端慎用——iOS Safari 对
justify的行内换行逻辑和桌面版不同，有时首行缩进会错位
替代方案：CSS Houdini 的 justify-content 不适用
别被名字误导。justify-content 是 Flexbox/Grid 的布局属性，作用对象是**子元素容器**，和文本内部对齐无关。它和 text-align 完全不在一个层级，混用不会产生任何文本对齐效果。
- 如果你写了
div { display: flex; justify-content: space-between; text-align: justify; }，那justify-content只会影响 div 里的直接子元素排列，对子元素内部文字毫无影响 - 想让一段文字在 flex 容器中居中显示，应该用
text-align: center+align-items: center（针对单行）或包裹一层p再设text-align - Houdini 的 Layout API 目前仍处于实验阶段，没有提供新的文本对齐能力
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
