将 html 转换为 pdf 时如何防止文本溢出（并改为填充 div）？
How to prevent text overflow (and fill the div instead) when converting html to pdf?
我正在使用 wkhtmltopdf 将一些 html 页面导出为 pdf。其中一页是 "Business Model Canvas"，里面全是文字。
问题是，在导出后，canvas 的每个 tile/panel 内的文本都停留在 1 行，这意味着它在到达 div 的边界时被截断，而不是像 html 页面那样转到下一行。
这是它的样子，html在左边，pdf在右边：
我试图弄乱一些 CSS 属性，例如 overflow、text-overflow、width 或 white-space，但我没有运气。
理论上，html 和 pdf 共享相同的属性，我猜测导出速度太快，外部 css 文件无法正确加载或类似情况。
无论哪种方式，我都可以为 canvas 模板尝试一些内联 css，如果您除了我尝试过的建议之外还有任何建议。
再次重复该过程后，使其与 white-space: normal; 一起工作。
可能之前有一些东西向同一个元素添加了额外的 css。
我找不到这个问题的解决方案，但我避免了它为我的 PDF 的所有页面设置相同的边距。我意识到，如果我为所有页面设置默认边距，除了第一个具有不同边距的页面，文本会奇怪地溢出。
我正在使用 wkhtmltopdf 将一些 html 页面导出为 pdf。其中一页是 "Business Model Canvas"，里面全是文字。
问题是，在导出后，canvas 的每个 tile/panel 内的文本都停留在 1 行，这意味着它在到达 div 的边界时被截断，而不是像 html 页面那样转到下一行。
这是它的样子，html在左边，pdf在右边：
我试图弄乱一些 CSS 属性，例如 overflow、text-overflow、width 或 white-space，但我没有运气。
理论上，html 和 pdf 共享相同的属性，我猜测导出速度太快，外部 css 文件无法正确加载或类似情况。
无论哪种方式，我都可以为 canvas 模板尝试一些内联 css，如果您除了我尝试过的建议之外还有任何建议。
再次重复该过程后，使其与 white-space: normal; 一起工作。
可能之前有一些东西向同一个元素添加了额外的 css。
我找不到这个问题的解决方案，但我避免了它为我的 PDF 的所有页面设置相同的边距。我意识到，如果我为所有页面设置默认边距，除了第一个具有不同边距的页面，文本会奇怪地溢出。