Css 浏览器只打印显示的内容，不打印完整的div内容

我使用bootstrap modals显示具有以下css的报告：

@media print {

    body * {
        visibility: hidden;
    }

    #printSection, #printSection * {
        visibility: visible;
    }
}

它可以工作，但是当我需要打印大量的

div

内容时，浏览器打印预览只显示用户可以看到的内容，因此它会切断内容

---

如何解决这个问题？

在媒体打印中重写主体CSS，使其在媒体打印中可见我不想打印整个主体，而是一个单独的div。下面的提琴举例说明了这个问题：当您单击打印（在列表末尾），您将看到当我们从模式打印时，只有您看到的内容被打印。