page-break-inside不能使用隐藏表

Question

我有些类似的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 中有分页符，除非在打开打印对话框之前使表格可见。如果我在开发工具中模拟打印介质并打印，它可以正常工作。如果我在window.print()之前显示该表并在之后隐藏它，它也可以工作，尽管我想避免这种黑客行为。任何人都有任何关于为什么会这样的想法？