IE11打印屏幕前的空白页

Question

我目前正在尝试在IE11上打印一个页面，但是当显示打印预览时，总会有一个空白页面作为第一页。 这是我的css代码。但是，第一个空白页面并未显示在Chrome打印预览中。

@media print {
    html, body {
        height: 99%;
     }
    #noprint{
     display: none !important;
      visibility: hidden;
    }
    .page-break
    {
           page-break-after: always;
      }
      .last-page{
            page-break-after: avoid;
      }
}

Answer 1

我有同样的问题。看来tr元素自动具有page-break-inside：避免。所以，我加了

  tr {
    page-break-inside: auto;
  }

它有帮助。

Answer 2

每当我将page-break-after: always放入所涉及的div时，我在Edge和IE中都遇到相同的问题。直到最近，调查工作一直很艰辛，我决定逐个标记查看呈现的HTML标记。

通过将所有父display: flex标签上的display: block替换为div来解决此问题。