text-align: justify在表格单元格中失效的根本原因是缺乏宽度上下文和中文排版特性；必须配合table-layout: fixed、显式列宽、text-justify: inter-character、lang="zh"及text-align-last: justify才能可靠生效。
table单元格里text-align: justify为什么看起来没反应
不是样式写错了，是表格单元格默认没有明确宽度上下文——text-align: justify 要生效，必须有“可拉伸的两端”，而 <td> 的宽度由内容撑开时，浏览器根本不知道该往哪对齐。
常见错误现象包括：<td style="text-align: justify;">这是一段中文</td> 渲染后和 left 完全一样；中英文混排时英文部分正常撑开，中文仍堆在左边；用 width: 100% 但父 <tr> 或 <table> 没设 table-layout: fixed，宽度照样不锁定。
- 必须给
<table>加table-layout: fixed，否则列宽由内容决定，justify 失去参照 -
<td>需显式设width或通过colgroup控制列宽，不能只靠max-width - 纯中文短句（如“姓名”“电话”）依然无效——justify 只在有多行、有换行断点时才计算字距
中文单元格两端对齐必须加text-justify: inter-character
即使表格宽度固定，text-align: justify 对中文也几乎不拉伸，因为浏览器默认只在空格处插间隙，而中文无空格。此时必须叠加 text-justify: inter-character，强制在每个汉字间插入可伸缩空白。
但这个属性不是万能的：它只在 text-align: justify 生效的前提下起作用，且依赖语言标记。不加 lang="zh"，Safari 和部分旧版 Chrome 会静默忽略。
立即学习“前端免费学习笔记（深入）”；
- 推荐写法：
<td lang="zh" style="text-align: justify; text-justify: inter-character;"> - Firefox 128 仍不支持
text-justify，会退回到基础 justify 行为（即中文基本不拉伸） - 不要给整个
<table>设lang="zh"，应写在<td>或包裹它的<div>上，避免影响数字、URL 等非中文内容
最后一行怎么也撑满表格单元格宽度
规范规定，text-align: justify 默认不对最后一行做拉伸——哪怕你用了 text-justify: inter-character，末行还是左对齐。想让它也填满，唯一可靠方式是加 text-align-last: justify。
注意：这个属性在 Firefox 中支持良好，但在 Safari 中需额外加 -webkit-text-align-last: justify 才生效；如果单元格只有一行，text-align-last 会直接接管整段，导致字距异常大，建议用 @supports 条件启用：
td.lang-zh {
text-align: justify;
text-justify: inter-character;
}
@supports (text-align-last: justify) {
td.lang-zh {
text-align-last: justify;
}
}
表格里justify失效的典型陷阱
表格环境比普通块级容器更敏感，几个容易被忽略的点会直接让 justify 彻底失效：
- 单元格内含
<span>、图标或inline-block元素时，justify 计算会被打断——应确保文本是纯内联流，或用display: block包裹再设对齐 - 安卓 WebView（尤其旧版 UC、QQ 浏览器）在
font-size < 14px或line-height < 1.2时会跳过 justify 渲染逻辑 - 用
white-space: nowrap或word-break: keep-all会阻止换行，从而让 justify 完全不触发 - 移动端小屏下强行 justify 易导致汉字间距过大、视觉断裂，建议用媒体查询降级：
@media (max-width: 480px) { td { text-align: left; } }
真正难的不是凑出那几行 CSS，而是判断这一格到底该不该两端对齐——比如金额、编号、操作按钮这类短内容，硬上 justify 只会让阅读更吃力。保真排版，往往得接受“局部妥协”。
