xhtml2pdf自动换行失效:单词中途换行问题求助
问题描述
使用xhtml2pdf工具生成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=" ">₹ 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=" ">₹ 32,090</td> </tr> <tr> <td>Professional Tax</td> <td>₹ 87,000</td> </tr> </tbody> <tfoot> <tr> <td class=" ">Total Deductions</td> <td class=" ">₹ 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
相关产品推荐
相关产品推荐

