html - 在 '@media print' 样式表中删除元素(或页面)

Question

现在我有我的@media 打印样式表来按 ID/类隐藏各种对象，例如

    @media print {
           #header, #navbar, #navbar, #toolbar, #footer, .title {
        visibility:hidden;
        display:none;
          } 
}

在打印预览时，它确实隐藏了这些对象，但它们占用的空间仍然存在，迫使我要打印的内容位于第 2 页，第 1 页和第 3 页为空白。如果有办法让打印屏幕上只显示第 2 页，或者截断我不想要的东西而不是仅仅隐藏它们的方法，请告诉我。

谢谢。

Answer 1

使用 visibility:hidden 保留元素将占据的空间，而 display:none 不显示该空间。

你想使用:

@media print {
 #header, #navbar, #navbar, #toolbar, #footer, .title {
  display:none !important;
 } 
}

当然这个问题之前已经解决了: What is the difference between visibility:hidden and display:none?