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