我的网站在 asp.net 4 / vb 中。我试图找出最好的方法来制作一个对打印友好的页面，该页面仅在顶部包含我们的徽标和相关信息，但省略了导航栏和其他不必要的内容。我有一个点击打印图标，它在所有浏览器中都能正常工作，但它并不总是适合打印出来。
我在这个网站上阅读过有关制作 print.css 样式表的内容，但我不确定如何编写样式表，或者是否必须将 div 属性分配给我想要省略的内容——以及这些帖子是较旧的帖子。是否建议我省略导航链接等，如果是，最好的方法是什么？感谢您的帮助！
【问题讨论】：
标签： asp.net css printing stylesheet
您不需要实际添加其他元素来包装您不想在打印时显示的内容。进行打印样式表的最佳方法是在打印页面时要隐藏的元素上应用一个类（可能称为print_hide）。例如：
<div>Text</div>
<img class='print_hide' src='some_huge_image.png'/>
在你的 print.css 样式表中，你会这样做：
.print_hide {
display: none;
}
要应用样式表，请将其添加到您的head：
<link rel="stylesheet" type="text/css" media="print" href="print.css">
div 仍会打印，但图像不会。
当然，除了您想要的任何其他样式更改之外，例如删除背景图像、更改颜色、字体等。
将该类添加到要在打印时隐藏的东西是对现有代码的相对最小的更改。
另一种选择是为您的所有页面创建一个单独的打印机友好版本，如果您的页面非常复杂，这可能就是这样做的方法。话虽如此，print.css 的好处（除了工作量更少）当然是用户不需要显式选择Printer friendly version。
【讨论】：
print.css 应该与一个样式标签一起应用，该标签的 media 属性设置为 print；我忘了添加这个，我的错。那会成功的。 （见我的编辑）
您可以使用 CSS @media 类型。
<p> this should be part of the printed page </p>
<div id="navigation_bar_that_should_not_be printed" class="noprint">.....</div>
上面的一个简单的样式表是：
@media screen
{
/* whatever styles you have for display */
}
@media print
{
.noprint { display: none; }
}
在上面，<div> 和class="noprint" 将照常显示在屏幕上，但不会打印出来。
更新：
CSS 中的“C”代表“级联”——意味着“最后”或最接近的指令获胜。我只能假设<span class="bodycontent"...（是最后一个或最近的）覆盖了 div。
ASP.Net 控件有一个 CssClass 属性，这就是您定义它的方式：
<asp:HyperLink NavigateUrl="http://www.google.com" runat="server" CssClass="noprint" Text="foo" />
您甚至可以在任何 ASP.Net 标记中直接输入 class="noprint"（而不是使用 CssClass） - VS 可能会抱怨，但应该没问题：
<asp:HyperLink NavigateUrl="http://www.google.com" runat="server" class="noprint" Text="foo" />
【讨论】：
CssClass="menu noprint" 为您的asp:Menu 控件