在将html转换为pdf时,如何防止文本溢出(并填充div)?

时间:2018-06-12 10:35:15

标签: css wkhtmltopdf

我使用wkhtmltopdf将一些html页面导出为pdf。其中一个页面是" Business Model Canvas"充满了文字。

问题是,导出后,画布的每个图块/面板内的文本都保持在1行,这意味着当它到达该div的边框时会被剪切,而不是像html页面那样转到下一行确实

这就是它的样子,左边是html,右边是pdf:

enter image description here enter image description here

我试图混淆CSSoverflowtext-overflowwidthwhite-space个属性,但我没有运气。

理论上,html和pdf共享相同的属性,我猜测导出过快,外部css文件没有正确加载或类似的东西。

无论哪种方式,我都可以为画布模板尝试一些内联css,如果你有任何建议,除了我尝试过的。

2 个答案:

答案 0 :(得分:0)

再次重复该过程后,使其与white-space: normal;一起使用。

可能以前在同一元素上添加了额外的CSS。

答案 1 :(得分:0)

我找不到解决此问题的方法,但是避免了它为PDF的所有页面设置相同的边距。我意识到,如果我为所有页面设置了默认页边距,但第一个页面的页边距不同,则文本会奇怪地溢出。