Question

我试图让Chrome使用分页功能进行打印。我在这里找到了多个主题，并尝试了很多可能的解决方案，但没有一个适合我。

我尝试过的主题：

Google Chrome Printing Page Breaks， Page-Break-inside property is not working in chrome，CSS Page-Break Not Working in all Browsers

还有更多..

我创建了一个jsfiddle来展示我为代码所获得的东西：
http://jsfiddle.net/bLezsLkr/1/

（无法发布代码：使用的CSS）

@media print {
.pageBreak {
    page-break-after: always;
    -webkit-region-break-after: always;
    height: 2px;
    display: block;
    float: none;
}

.topinfo {
    -webkit-region-break-inside: avoid;
    -webkit-region-break-after: always;
    page-break-after: always;
    page-break-inside: avoid;
}

.blockTitle {
    page-break-after: avoid;
    -webkit-region-break-after: avoid;
}

.leftPix, img {
    -webkit-region-break-inside: avoid;
    page-break-inside : avoid;
}
}

问题：

为什么Internet Explorer会根据需要打印页面？为什么Chrome会在2页上打印第二行彩色块的页面？

Answer 1

确保带有page-break-after: always;的元素是块元素。另一个选择器可能会将其更改为内联块或其他可防止应用中断的内容。

还要确保元素不在float ed元素内。谢谢RoadBump。

Answer 2

这适用于chrome

 <p style="page-break-before: always">

page-break / webkit-region-break不再使用chrome了吗？

问题：

2 个答案: