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

本文关键字：打印 图像 网页 我的 | 更新日期: 2023-09-27 18:11:29

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

我怎么做这个问题?

感谢您的关注!

p。这个网页是用ASP创建的。. NET + c#

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

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

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

接下来，将HTML文档头部的样式表链接为"print"样式表:

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

做了这些修改后，页眉和页脚将不包含在打印输出中。

我会使用CSS的@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文件来容纳这个简单的类定义。

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

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

查看本教程

相关文章：