我正在尝试插入page-break-after:always;进入动态发票的Print.css。
该项目正在使用Bootstrap 3,我一直在Chrome上测试打印。在发票HTML中我使用引导网格系统,使用bootstrap' hidden-print / visible-print'。
我遇到的问题是:使用Bootstrap时,Chrome无法识别分页符:始终。我读过这是因为' float:left'还有许多其他因素,但经过几个小时/几天的调整后,似乎没有任何区别。打印突破内部:避免;工作良好。
我很好奇,如果其他人最近遇到过这种情况,或者是否有任何对Bootstrap内部工作有深刻了解的人明确知道这个问题的根源?
似乎这是一个持续存在的问题,Bootstrap知道,并且可能在Bootstrap 4中修复。在那之前我被卡住了。我现在不知道在使用Bootstrap时如何使用动态内容实现打印 - 分解。由于在我的项目中加载CSS的方式,删除Bootstrap并不是一个真正的选择。
提前致谢。
编辑:已修复
我找到的唯一修复是在设置后手动重建布局:
float: none !important;
position: static !important;
在@media print。
这使得Bootstrap col- *不起作用,但现在分页符可以。相当野蛮的修复,但至少它的工作。 '行'引导程序的类仍然有效,所以就是这样。谢谢你的帮助。