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

Question

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

这个话题我试过了:

Google Chrome打印分页, Page-Break-inside属性无法在Chrome中使用,CSS Page-Break在所有浏览器中都不起作用

和更多..

我已经创建了一个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

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

还要确保元素不在floated元素中.谢谢RoadBump.