html - 打印时为每页添加边框，没有任何边框中断

Question

我有一个元素，需要打印多页试卷。
我想在每一页都有边框，但是在底部和顶部，当分页时，边框也会断开!

SCREENSHOT OF AN EXAMPLE

我正在使用 @media print 来设置打印页面的样式
页面代码结构为:

header
main-content{
--- div for each question
}

每个问题底部都有边框，主要内容有完整的边框
那么关于我可以实现这个目标的任何想法？

注意:我知道 break-after 或 break-before 属性，在这种情况下它们没有用

Answer 1

不确定为什么要在打印页面下方留出空间。打印页面时，如果每个打印页面的底部都有灰色边框，则看起来会非常糟糕。将边框放在屏幕上并在打印时移除边框是有意义的。

我会说你可以让底部边框更粗。

@media print{
  .main-content{
     border-bottom 5px solid grey;
  }
}

要么，要么像图片上那样使背景颜色为灰色，并在主要内容 div 下方添加边距以将页面彼此隔开。

请记住，背景颜色和边框颜色并不总是显示在打印件上。这取决于浏览器和打印机设置。