CSS-打印时管理分页符

Question

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

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

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

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

我附加了一部分代码

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

谢谢！

Answer 1

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