在打印期间忽略引导页面中断的引导

时间:2016-11-28 12:55:16

标签: html css twitter-bootstrap

我正在尝试插入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- *不起作用,但现在分页符可以。相当野蛮的修复,但至少它的工作。 '行'引导程序的类仍然有效,所以就是这样。谢谢你的帮助。

0 个答案:

没有答案