Question

嗨，我有一种情况，我想向用户显示一个按钮，假设像：

单击此按钮

“打印”我想向用户显示打印预览，这是我要打印的html表格。但我不希望使用我的应用程序的页眉和页脚在所有页面中向用户显示此打印预览。

那么我怎样才能打印出一个没有页眉和页脚内容部分的html页面。

请帮助我，我已经为此尝试了很多解决方案，但不再工作了。我正在使用php脚本语言（Symfony2框架）

提前致谢

Answer 1

<style>
 @media print
 {
  #header{
   display:none;
  }
 #footer{
   display:none;
 }
</style>

这将使您的页眉和页脚在打印预览或打印时不可见。

Answer 2

在你的css中，添加类并为页眉和页脚的容器元素指定此类，打印时必须隐藏它。

@media print
{    
    .print
    {
        display: none !important;
    }
}

Answer 3

打印时隐藏页眉和页脚。

    <html>
    <script>
    function print1(){
    document.getElementById("header").style.display="none";
    document.getElementById("footer").style.display="none";
    document.getElementById("print").style.display="none";
    window.print(); 
    }
    </script>
    <div id="header">Header</div>
    <div id="content">content</div>
    <div id="footer">Footer</div>
    <input type="button" onclick="print1()" id="print" value="print">
    </html>

打印预览没有应用程序页眉和页脚的html表

3 个答案: