text-align: justify 对 <p> 生效需同时满足：<p> 为块级元素、容器有明确宽度、文本足够长能换行；中文需加 text-justify: inter-character 才显效果，末行对齐用 text-align-last: justify。
text-align: justify 对 <p> 标签生效的前提条件
text-align: justify 要在 <p> 上起作用，必须同时满足三个硬性条件：
-
<p>是块级元素（默认就是，没问题） - 容器有明确宽度（比如设置了
width、max-width或父容器是定宽 flex/grid 项），否则“两端”无从谈起 - 文本足够长、能自然换行（单行文本永远左对齐，justify 不生效）
常见错误现象：<p style="text-align: justify">你好</p> 看不出变化——不是写错了，是它只有一行，没断点可拉伸。
中文段落加 justify 几乎没效果？这是浏览器行为，不是 bug
Chrome/Edge 默认只在 Unicode “单词分隔符”（如空格、连字符）之间插入间隙，而中文没有天然词界，所以字符间不加空隙，整段看起来和 left 没区别。
这不是你漏写了什么，是规范如此。
要改善中文表现，必须叠加新属性：
-
text-justify: inter-character：强制在每个字符间插入可伸缩空白，对中文最直接有效 - 仅 Chrome/Edge 120+ 支持；Firefox（v128）忽略该声明；Safari 完全不支持
- 所以稳妥写法是：
text-align: justify; text-justify: inter-character;，现代 Chromium 用户立刻见效，其他浏览器退回到基础 justify 行为
最后一行总是左对齐，怎么让它也撑满？
text-align: justify 默认对最后一行不做拉伸，这是 CSS 规范定义的行为。
想让末行也两端对齐，有两个实际可用的路子：
- 加
text-align-last: justify：Chrome/Edge/Firefox 都支持（Safari 16.4+ 开始支持），但要注意它只影响最后一行，别误用在单行上 - 控制内容长度或断行位置：比如在合适位置插入
<wbr>，让换行点更可控，避免末行只剩一两个字被孤立
别用 text-align-last: justify 去“修复”短段落——如果整段就两行，第二行只有三个字，强行拉伸反而难看。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
别踩这些坑：align 属性、语义、性能
- HTML5 已彻底废弃
align 属性，<p align="justify"> 在所有现代浏览器里无效，必须用 CSS
-
text-align 控制的是段落内部文字对齐，不是 <p> 自身在页面中的位置（那得靠 margin、flex 或 grid）
- 大量使用
text-justify: inter-character 可能轻微影响渲染性能（尤其移动端长文），建议只在关键排版区域启用，不要全局设在 body 或 p 上
- 如果你真正想要的是“杂志式精排”，justify 只是起点；后续还得配合
hyphens: auto（英文）、line-height 调整、甚至字体选择，才能避免字距崩坏
align 属性，<p align="justify"> 在所有现代浏览器里无效，必须用 CSS text-align 控制的是段落内部文字对齐，不是 <p> 自身在页面中的位置（那得靠 margin、flex 或 grid） text-justify: inter-character 可能轻微影响渲染性能（尤其移动端长文），建议只在关键排版区域启用，不要全局设在 body 或 p 上 hyphens: auto（英文）、line-height 调整、甚至字体选择，才能避免字距崩坏 复杂点在于：浏览器对中英文混排的 justify 行为至今没统一，inter-character 是目前最接近“开箱即用”的解，但它不是银弹——得看用户用什么浏览器，也得接受 Safari 用户看到的是降级效果。
立即学习“前端免费学习笔记（深入）”；
