CSS-打印时管理分页符

Question

我为妻子（学校老师）制作了一个三角镜发生器。她可以上传许多学生的照片，调整大小/裁剪并检查一些显示信息的选项（例如名字/姓氏）

在屏幕上，一切正常。我使用经典的引导程序，因此响应式正确应用于所有元素。看截图

[当我调用打印功能（经典javascript window.print（））时，我遇到了一个较小的分页问题。

在我的css文件中，我仅在台式机的情况下使用标签“ @media screen”来应用设计。如果是打印，则没有规则适用于元素。

我附了代码的一小部分

我认为此修复程序是CSS标签，例如page-break-after-或page-break-before，但我不知道在哪里应用它...您能帮我吗？

谢谢！

Answer 1

Css指令：page-break-inside: avoid;