page-break/webkit-region-break在chrome中不再起作用了? [英] page-break/webkit-region-break not working in chrome anymore?

问题描述

我正在尝试使Chrome使用分页符进行打印.我在这里找到了多个主题，并尝试了许多可能的解决方案，但没有一个对我有用.

I'm trying to make Chrome work with page-break for printing. I've found multiple topics here, and tried a lot of possible solutions, but non of them worked for me.

我已经尝试过该主题:

Google Chrome打印分页符， Page-Break-inside属性在chrome中不起作用， CSS页面中断不适用于所有浏览器

还有更多..

我创建了一个jsfiddle来显示我对代码的了解:
http://jsfiddle.net/bLezsLkr/1/

I've created a jsfiddle to show what i've got for code:
http://jsfiddle.net/bLezsLkr/1/

(如果没有代码，则无法发布:使用的CSS)

(can't post without code: CSS which is used)

@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页的第二行带有彩色块的页面上打印页面?

Question:

Why does Internet Explorer print the page as i want, and why does Chrome print the page with the second row of colored blocks on 2 pages?

推荐答案

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

Make sure the element with page-break-after: always; is a block element. Another selector might be changing it to inline-block or something else which would prevent the break from being applied.

还要确保该元素不在 float 元素内.谢谢RoadBump.

Also make sure the element is not within a floated element. Thanks RoadBump.

这篇关于page-break/webkit-region-break在chrome中不再起作用了?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！