在@media print'期间删除项目(或页面)样式表

时间:2015-02-06 15:13:34

标签: html css

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

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

在打印预览时,它会隐藏这些对象,但它们占用的空间仍然存在,迫使我想要打印到第2页,空白页1和空白页3.如果有办法在打印屏幕上有唯一的第2页显示,或者截断我不想要隐藏它们的东西,请告诉我。

谢谢。

1 个答案:

答案 0 :(得分: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?