css page-break-inner 的奇怪行为：避免

如何解决css page-break-inner 的奇怪行为：避免

我有一段代码，我想让它具有良好的可打印性，是用 bootstrap 4 嵌套卡片制作的。 我试图让分页符工作，但我已经接近投降点了。我尝试在多个地方进行搜索并遵循多个提示，但没有任何效果像我试图让它工作一样。

我有多张卡片，里面有其他动态数字卡片，在@media 打印中，我想避免在内部卡片上分页，如果需要添加分页符（我猜page-break-inner：避免已经像这样）。现在它只是无视我，根本没有分页。

我已经隔离了代码，所以我可以分享代码片段。 这是默认呈现的页面：https://sandbox.federicofallico.it/default.php 这是生成页面的 PHP 源代码：https://sandbox.federicofallico.it/default.txt

请注意我已经有一个 custom.css (https://sandbox.federicofallico.it/custom.css)

另请注意，我无法更改 body/page-content/content-wrapper/content div

现在我做了很多测试，但似乎只有两件事有效（不好），

测试 1：https://sandbox.federicofallico.it/test1.php 来源 (https://sandbox.federicofallico.it/test1.txt)

添加这个

<div class="pagebreak-before"> </div>

在每次关闭外部卡片之前，都会在之前添加分页符，但显然到达页面底部时内部卡片正在被剪切。

测试 2：https://sandbox.federicofallico.it/test2.php 来源 (https://sandbox.federicofallico.it/test2.txt)

在内部卡片 (custom.css) 上添加一个 pagebreak-avoid 类似乎可以工作，但我在某些内部卡片上有一些奇怪的行为（内容消失，就像有溢出一样：隐藏） .

我做错了什么？ 在此先感谢所有愿意帮助我的人，并为不好的英语道歉！