CSS：从打印预览中禁用页眉和页脚Chrome

我的应用程序之一是基于Web的POS（销售点）。所以在打印发票时使用chrome。页的头部，由我想通过页面，无需用户干预，以剿浏览器自动插入页脚..CSS：从打印预览中禁用页眉和页脚Chrome

我在印刷媒体，进行一些CSS过这里，

@media print { 
#header, #footer { 
    visibility: hidden !important; 
    display: none !important; 
} 
}

但它不适用，也许选择不正确？

而且我也尝试通过减少边距以及它的切割/覆盖页面内容，如果打印有多个页面。还有一件事，我不想禁用打印预览选项铬..

任何人有这个好的解决方案？

问候..

来源

2012-07-16 Niks Jain

你的代码看起来很好，但'能见度'是多余的。检查您的页脚和标题是否有与您在CSS选择器中使用的相匹配的标识。 – c69 2012-07-16 12:20:07

实际上，我无法在打印预览中检查页眉和页脚的标识或类...你可以试试你身边..？ – 2012-07-16 12:27:18

大声笑，所以你的意思不是页眉和页脚，但[页眉/页脚]（http://en.wikipedia.org/wiki/Page_header）？抱歉，您无法通过css隐藏它们，但是您可以将页面转换为pdf或doc，这样可以更好地控制打印，并将此文档发送给打印机。 – c69 2012-07-16 12:36:11

使用

@page{margin:0px auto;}

在你的CSS脚本。这很可能会在打印时甩掉页面布局，因此您可能需要添加带正确填充的#container div，以使页面再次显得更加美观。只在Google Chrome上进行测试。

来源

2012-10-12 08:22:13 Michael

如果我可以多次提出这个答案，我会。你是**救生员**。谢谢！！ – 2013-07-18 17:00:58

-1

。。我不确定你在开发中的知识多么丰富，但CSS选择必须匹配一些元素。 [page]“header”和[page]“footer”，如“[printed]页面中”，而不是“[web]页面中”，不能以CSS为目标 - 特别是不能任意选择ID以及可能与您自己的页面ID发生冲突并且浏览器供应商绝不会接受实施的内容。

。。使用“margin：0 auto”的建议在“@page”指令上实际上是正确的（因为浏览器没有足够的余量来显示，它只会隐藏它们）。问题是，目前只有Chrome支持它正确。使用其他浏览器，除了创建PDF并打印它外，没有其他选择。尽管如此，您可以创建一个可自行打印的PDF，只要使用内嵌的JavaScript加载它就会显示打印对话框，但我认为它是最远的。

。。祝你好运。

来源

2013-03-01 03:36:16

CSS：从打印预览中禁用页眉和页脚Chrome

回答

相关问题