evoPDF转换HTML时text-align:justify异常问题求助

云上老周

2026-5-27

解决evoPDF中text-align:justify字符间距异常的问题

我之前也碰到过evoPDF处理text-align:justify时的同款坑——它经常错误地拉开字符间距，而非针对单词（非英文文本场景下这个问题更突出）。你试过的letter-spacing:0和text-justify:inter-word是常规思路，但evoPDF基于旧版WebKit的渲染引擎对这些属性的支持有偏差，试试下面几个针对性方案：

用word-spacing配合基础属性修正
主动指定单词间距，同时重置可能继承的干扰样式，给目标容器加上这些CSS：

.justify-target {
    text-align: justify !important;
    letter-spacing: normal !important;
    word-spacing: 0.05em !important; /* 根据文本字号微调这个数值 */
    text-justify: inter-word !important;
    white-space: normal !important;
}

这个方法是靠word-spacing主动控制单词间隙，抵消evoPDF错误的字符间距计算逻辑。

针对中文/非英文文本的特殊处理
如果你的内容是中文，evoPDF默认会把justify解析为字符间均匀分布（这是中文排版的一种逻辑，但显然不是你要的效果），可以试试：
1. 用JS给段落中的英文单词/词组单独包裹<span>，单独设置样式；
2. 添加text-rendering: optimizeLegibility;强制引擎优先处理单词级排版：
```
.justify-target {
    text-rendering: optimizeLegibility !important;
}
```
排查父元素样式冲突
有时候父容器的font-size、line-height甚至display属性会干扰justify渲染，检查父元素是否有继承的letter-spacing值，或者强制把文本容器设为display: block !important;，避免inline/inline-block带来的排版异常。
HTML层面预处理兜底
如果CSS方案都无效，可以在HTML里做简单预处理：用非断空格 替换部分常规空格，强制引擎识别单词边界；或者把长段落拆成多个<p>标签，减少单段文本长度（长文本更容易触发evoPDF的排版bug）。