如何在我的网页上仅打印图像?

时间:2011-10-14 15:04:59

标签: c# javascript jquery asp.net web-applications

我有一个创建条形码的网页。我想将这个条形码打印到贴纸上。这就是为什么我只想打印选定的区域(只有条形码),我不想打印网页的页眉和页脚。只有条形码。

我该怎么办?

感谢您的关注!!!

P.S使用C#

在ASP.NET上创建网页

3 个答案:

答案 0 :(得分:8)

首先,创建一个隐藏页眉和页脚的CSS文档的打印版本。

/* print.css */
#header { display: none; }
#footer { display: none; }    

接下来,将HTML文档头部的样式表链接为“print”样式表:

<link rel="stylesheet" type="text/css" href="print.css" media="print">

进行这些更改后,页眉和页脚将不会包含在打印输出中。

答案 1 :(得分:2)

我会使用CSS&#39; @media print来处理这个问题:

@media print
{
    /* Add this to everything that you don't want to print (your header and footer) */
    .noPrint
    {
        display:none;
    }

    /* You could also reference your header and footer containers specifically */
    #headerContainer
    {
        display:none;
    }

    #footerContainer
    {
        display:none;
    }
}

如果您希望将打印CSS与其他文件分开,请将media="print"属性添加到link标记中:

<link rel="stylesheet" type="text/css" href="printCSS.css" media="print">

注意:如果你只是简单地定义一个noPrint CSS类,我认为没有理由创建一个全新的CSS文件来容纳那个简单的类定义。

答案 2 :(得分:0)

我要创建一个用于打印的自定义css类。只需指定媒体属性。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

查看this教程。