CSS打印預覽頁面被剪切

Question

如您在該圖像中所看到的，當第一個表具有更多記錄時，下一個表的標題將被剪切，分頁符之前的表有時很長，有時又很短。

如何在底部進行動態邊距調整？ 為了避免不必要的截止？

    @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

根據您的圖片，我想您可以嘗試page-break-before或page-break-after

@media print {
    h1 {
        page-break-before: auto | always | avoid | left | right | inherit;
        page-break-after:  auto | always | avoid | left | right | inherit;
    }
}

有兩篇文章可能會解釋這兩個CSS屬性， 請單擊此處 ， 然后單擊此處

如果您可以在Fiddler上提供一些代碼或示例，那么其他人可以幫助您