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/

（不能 post 没有代码：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; 的元素是块元素。另一个选择器可能将其更改为内联块或其他会阻止应用中断的内容。

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

Answer 2

这适用于 chrome

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

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

page-break/webkit-region-break not working in chrome anymore?

html

css

printing

google-chrome

问题：