CSS打印预览页面被剪切

Question

在此http://mywebapp/video/wRtasSllAk_aq中可以看到，当第一个表具有更多记录时，下一个表的标题将被剪切，分页符之前的表有时很长，有时又很短。

如何在底部进行动态边距调整？为了避免不必要的截止？

    @page {
      margin-top: 13mm;
      margin-left: 1px;
      margin-right: 1px;
      size: short;
    }
    @media print {
      html, body {
        width: 250mm;
        height: 297mm;
      }
      /* ... the rest of the rules ... */
    }   

Answer 1

根据您的图像，我猜您可以尝试array ( 'fruit' => array ( 0 => 'apple', ), 'animals' => array ( 0 => 'dog', 1 => 'cat', ), 'objects' => array ( ), ) 或page-break-before

page-break-after

有两篇文章可能会解释这两个CSS属性，click here和click here

如果您可以在fiddler上提供一些代码或示例，那么其他人将为您提供帮助