Html 内部分页符不'；不能使用隐藏表

我有一些类似的CSS：

table#id {
  display : none;
}

@media print {
  table#id {
    display : block;
  }
  .no-page-break {
    page-break-inside: avoid !important;
  }
}

---

每个td包含一个div.no-page-break。我遇到的问题是，tds中存在分页符，除非在打开打印对话框之前使表格可见。如果我在dev工具和print中模拟打印介质，它工作得很好。如果我在

window.print（）

之前显示表，然后隐藏它，它也可以工作，尽管我希望避免这种攻击。有人知道为什么会发生这种情况吗？

您是否尝试过将

。无分页符

移动到非打印css？也许浏览器事先需要这些信息。它在屏幕上不会有任何区别，因为

table#id

仍将被隐藏。我尝试了这个，但没有帮助，谢谢。