在“ @media打印”样式表中删除项目（或页面）

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;
 } 
}

当然，这已经解决过了： 可见性：隐藏和显示：无之间有什么区别？