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

Question

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

我该如何解决这个问题？

感谢您的关注！

P.S的网页上创建ASP.NET与C＃

Answer 1

首先，创建你的CSS文件的印刷版本，它可以隐藏页眉和页脚。

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

接下来，链接样式表在HTML文档的头，如同“打印”样式：

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

完成这些修改后，页眉和页脚将不会被包括在打印输出。

Answer 2

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

Answer 3

我会创建一个自定义的css类来打印。只需指定媒体属性即可。

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

退房this教程。