page-break/webkit-region-break 不再在 chrome 中工作了？

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; 的元素是块元素。另一个选择器可能会将其更改为 inline-block 或其他会阻止应用中断的东西。

还要确保该元素不在floated 元素中。感谢 RoadBump。

Answer 2

这适用于 chrome

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