You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

xhtml2pdf自动换行失效:单词中途换行问题求助

问题描述

使用xhtml2pdf工具生成PDF时,文本出现在单词中间强制换行的异常,而非在单词末尾自然换行。示例效果:
单词中间换行的PDF截图

尝试过以下CSS样式但未解决问题:

word-wrap:break-word;-pdf-keep-with-next: true;overflow-wrap: break-word;

相关HTML代码:

<table class="card1 ">
  <thead>
    <tr>
      <th width="60%">DEDUCTIONS</th>
      <th>AMOUNT</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="word-wrap:break-word;-pdf-keep-with-next: true;"> Provident Fund Professional Tax Total Deductions Income Tax</td>
      <td class=" ">&#x20B9; 87,000</td>
    </tr>
    <tr>
      <td class=" ">
        <p style="word-wrap:break-word;-pdf-keep-with-next: true;">Income Tax Provident Fund Professional Tax Total Deductions</p>
      </td>
      <td class=" ">&#x20B9; 32,090</td>
    </tr>
    <tr>
      <td>Professional Tax</td>
      <td>&#x20B9; 87,000</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td class=" ">Total Deductions</td>
      <td class=" ">&#x20B9; 1,29,328</td>
    </tr>
  </tfoot>
</table>
解决方案

xhtml2pdf对标准CSS的支持有限,针对单词换行问题,可尝试以下方案:

  • 添加white-space: normal样式:给单元格或段落添加该样式,强制文本在单词边界换行
  • 使用工具专属属性:尝试-pdf-word-wrap: break-word结合white-space: pre-wrap,适配xhtml2pdf的渲染规则
  • 调整表格布局:确认单元格宽度设置合理,避免因宽度过小导致强制断词,可尝试移除固定宽度或调整百分比

修改后的示例代码(以第一个单元格为例):

<td style="white-space: normal;"> Provident Fund Professional Tax Total Deductions Income Tax</td>

内容的提问来源于stack exchange,提问作者Amal nandan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 02:56:18