控制打印内容答案

【问题标题】：Control the content in printing控制打印内容
【发布时间】：2018-09-03 06:17:52
【问题描述】：

我有一个网站（使用 asp.net），如下所示：

<asp:Content>
[Header]
<asp:Content />
<asp:Content>    
[some inputbox]
[button]
[content]
<asp:Content />

有什么方法可以让我只打印内容（使用浏览器默认的打印功能）？喜欢为标签设置一些属性？

编辑： Arsalan Hussain 对解决方案的一些补充：我在 asp:content 标签下面添加样式标签

<asp:Content>
    <style>
        @media print {
            .no-print {
            display: none;
            }
        }
    </style>
</asp:Content>

并使用标签覆盖我不想打印的部分：

<span class="no-print">
    "Content"
</span>

【问题讨论】：

标签： c# asp.net printing

【解决方案1】：

您可以使用 CSS 来实现这一点。分配要显示的 CSS 类，反之亦然。并使用 CSS 媒体查询

@media print {
   …
}

例如

<asp:Content>
[Header class="no-print"]
<asp:Content />
<asp:Content>    
[some inputbox class="no-print"]
[button class="no-print"]
[content]
<asp:Content />



@media print {
  .no-print{display:none;}
}

还有打印的时间，这个css会应用到元素上，不会显示出来。

【讨论】：