Html 如何使网页中的元素不被打印?

Html 如何使网页中的元素不被打印?,html,css,printing-web-page,Html,Css,Printing Web Page,我已经为我们公司网站上的条目制作了一个简单的“打印版”。但是,我需要添加一个按钮/链接以返回网站,因为据称,我们的许多客户不会想到使用“后退”按钮(事实上,这可能有些道理——因为他们一直在发电子邮件,要求为一个条目提供一份价格表,该价格表实际上与描述中的大下划线字母有明确的链接) 好的,这很好,但是,我能做些什么使该元素不被打印吗?是打印样式表的简单指南。为打印输出页面编写css文件,只需为要隐藏的元素编写display:none <link rel="stylesheet" type="

我已经为我们公司网站上的条目制作了一个简单的“打印版”。但是,我需要添加一个按钮/链接以返回网站,因为据称,我们的许多客户不会想到使用“后退”按钮(事实上,这可能有些道理——因为他们一直在发电子邮件,要求为一个条目提供一份价格表,该价格表实际上与描述中的大下划线字母有明确的链接)


好的,这很好,但是,我能做些什么使该元素不被打印吗?

是打印样式表的简单指南。

为打印输出页面编写css文件,只需为要隐藏的元素编写display:none

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


是的,media=“print”

您可以为不同的“媒体”设置不同的样式表,如打印、投影仪、屏幕

是一篇关于打印样式表的很好(但很旧)的文章。

在CSS中:

@media print
{
    .dontPrintThis, .neitherThis { display: none; }
    .printThisBigger { font-size: 120%; }
    /* ... */
}