text-justify 在 Tailwind 中默认不可用，官方未内置该类，需手动在 tailwind.config.js 的 theme.extend.textAlign 中添加 'justify': 'justify' 才能启用。
text-justify 在 Tail
win
d 中是否默认可用
是的，
是 Tailwind CSS 内置的文本对齐工具类，但**仅在启用了
变体的前提下才生效**。Tailwind v3.0+ 默认已启用该变体，无需额外配置；若你用的是自定义
且覆盖了
（旧写法）或未显式启用
（新写法），它可能被禁用。
验证方式：检查生成的 CSS 是否包含类似
的规则。若没有，需确认配置：
不需要手动添加插件，只要没在
中禁用
即可。
text-justify 对哪些元素生效
作用于块级文本容器（如
、
text-justifytext-justifytailwind.config.jsvariantstextJustify.text-justify { text-align: justify; }module.exports = {
content: [...],
theme: {
extend: {},
},
// v3.3+ 推荐写法：确保 textJustify 启用
plugins: [],
}corePluginstextJustifytext-justify
、
block
类），但**对纯内联元素或短文本效果不明显**——浏览器需要足够多的单词和换行机会才能拉伸间隙。
立即学习
“
前端免费学习笔记（深入）
”；
Trae win
Trae Windows 官方版本现已全面支持 Win10 和 Win11 系统（64位）。国内开发者可直接访问 Trae 中文官网（trae.cn 或 trae.com.cn），一键下载官方正版 .exe 安装包，享受国内直连的高速稳定体验。安装过程极其简便，双击即可运行，并支持一键无缝导入 VS Code 或 Cursor 的原有主题、快捷键及插件配置。登录支持手机号、微信或稀土掘金账号。内置免费的豆包与 DeepSeek 等顶级大模型，让你开箱即用，轻松开启高效的 AI 智能编程之旅。
下载
✅ 推荐用在段落级
max-w-prose
）
⚠️ 避免用在单行短句（如按钮文字、标题），会出现异常字间距甚至溢出
⚠️
inline-block
或
block
才能触发换行与两端对齐逻辑
为什么加了 text-justify 看不出效果
常见原因不是类没生效，而是内容或上下文不满足两端对齐的渲染条件：
文本太短，不足一行 —— 浏览器只对“有换行”的段落应用 justify 逻辑
容器过宽或未设宽度限制，导致文本始终单行显示
存在强制不换行的样式（如
whitespace-nowrap
、
white-space: nowrap
）
中英文混排时，中文无空格分隔，浏览器缺乏「断点」，justify 无法调整词间空白（此时需配合
hyphens-auto
或手动插入
）
快速验证：临时加
border
和固定
max-w-md
，输入 3–4 行 Lorem ipsum，就能看到明显拉伸效果。
justify 效果差时的实用补救手段
单纯
text-justify
在真实项目中常显得生硬，尤其面对中文或响应式断点。可组合以下类改善可读性：
hyphens-auto
：启用连字符（需父容器有语言属性
lang="en"
或 CSS
lang
），提升英文断行合理性
leading-relaxed
或
leading-6
：增大行高，缓解因拉伸造成的视觉压迫感
tracking-normal
：重置可能被其他类影响的字间距（如某些字体栈默认
letter-spacing
偏大）
对中文段落，考虑用
text-justify
+
break-words
+ 宽容器（如
max-w-3xl
），比强求每行都满更自然
注意：
text-justify
不解决「最后一行对齐」问题——CSS 标准下，末行默认左对齐，这是规范行为，不是 Bug。