我有一段代码,我想用 bootstrap 4 嵌套卡片制作好打印。我正在尝试让分页符工作,但我已经接近投降点了。我尝试在多个地方搜索并遵循多个提示,但没有任何工作像我试图让它工作一样。
我有多张卡片,里面有其他动态数字卡片,在@media print 我想避免内部卡片上的分页符,如果需要,添加一个分页符(我猜page-break-inner: Avoid已经像这个)。现在它只是忽略了我,根本没有分页符。
我已经隔离了代码,所以我可以分享片段。这是默认呈现的页面: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>
在每次外部卡片关闭工作之前,之前添加了分页符,但显然当到达 page-bottom 时内部卡片正在被剪切。
测试 2:https ://sandbox.federicofallico.it/test2.php 源代码(https://sandbox.federicofallico.it/test2.txt)
在内部卡(custom.css)上添加一个避免分页的类似乎可以工作,但我在一些内部卡上有一些奇怪的行为(内容消失,就像溢出:隐藏一样)。
我究竟做错了什么?在此先感谢所有愿意帮助我的人,并为英语不好感到抱歉!