我发现在webkit浏览器中处理这个问题的最佳方法是在每个td元素内放置一个div，并将page-break-inside: avoid样式应用于div，如下所示：

...

  

    单元格内容。
  

...

尽管Chrome据说不识别'page-break-inside: avoid;'属性，但使用wktohtml生成PDF时，这似乎可以防止行内容被页面断开分成两半。 tr元素可能会稍微超出页面断开，但div和其内部的任何内容都不会。

你可以尝试使用CSS来实现：

大多数CSS规则不能直接应用于标签，因为正如你上面指出的那样-它们具有独特的display样式，不允许这些CSS规则。然而，其中的和标签通常允许这种规范-你可以使用上面示例中的CSS轻松地将这些规则应用于所有子和。