“@media打印”样式表

问题描述：

现在，我有我的@media打印样式表来隐藏ID /类的各种物体，如“@media打印”样式表

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

在打印预览，中删除项目（或网页），它确实隐藏了这些对象，但它们所占用的空间仍然存在，强制我想要打印的内容位于第2页上，空白页1和空白页3中。如果有方法让唯一的页2显示在打印屏幕，或截断我不想反对只隐藏它们的东西的方法，请让我知道。

谢谢。

尝试增加重要 – 2015-02-06 15:18:13

所以@media打印{的#header，#navbar，#navbar，#toolbar ，#footer，.title {visibility：hidden！important;显示：无！重要; }}？ – Kevin 2015-02-06 15:51:15

是的 - 尝试这样做。 – 2015-02-06 15:53:04

答

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

你想使用：

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