Question

我的任务：使用自定义css打印网页部分并从特定div中断页面，避免特定div的分页。

我的方法： - ＆GT;我正在使用javascript从网页获取值并动态创建我自己的具有所需值的div并将它们附加到隐藏的div已存在于页面上，其中id为css以了解其打印部分。 - ＆GT;一切都很好，直到这一点，我得到我想要的打印但 一个要求是它不应该在特定div中打破页面（这是主要问题） 和从特定的div，它必须分开（这样做）。

- ＆GT;我在我的CSS中使用的属性是

/* Page break properties */
/* breaks page after first workout  */
#WorkoutAfterOne{
    display : block;
    page-break-before: always !important;
    page-break-inside: avoid !important;
}
/* Do not break page in this div */
#noPageBreak{
    display : block;
    page-break-before: avoid !important;
    page-break-inside: avoid !important;
    page-break-after: avoid !important;

}

我已经搜索了解决方案，但我无法得到它。首先我发现的不是使用像浮动或显示块等属性..但对于我的任务它的要求或我可以说很难避免。所以我正在寻找一种解决方法。

Answer 1

我通过使用此css属性找到了我的解决方案的答案..

-webkit-region-break-inside: avoid;

希望如果不尝试添加

会有所帮助

display : block;
page-break-inside: avoid !important;

谢谢..！

解决方法在chrome中使用css分页符属性进行打印？

1 个答案: