css - 将html转换为pdf时如何防止文本溢出(并填充div)？

Question

我正在使用 wkhtmltopdf 将一些 html 页面导出为 pdf。其中一个页面是充满文本的“业务模型 Canvas ”。

问题是，在导出之后， Canvas 的每个图 block /面板内的文本保持在 1 行，这意味着当它到达该 div 的边界时它会被剪切，而不是像 html 页面那样转到下一行

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

我试图弄乱一些 CSS 属性，例如 overflow、text-overflow、width 或 white-space，但我没有运气。

理论上，html 和 pdf 共享相同的属性，我猜测导出速度太快，外部 css 文件加载不正确或类似的问题。

无论哪种方式，我都可以为 Canvas 模板尝试一些内联 css，如果您除了我尝试过的建议之外还有任何建议。

Answer 1

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

可能之前有一些东西向同一个元素添加了额外的 css。