html - 如何使网页中的元素不被打印？

Question

我为我们公司网站上的条目制作了一个简单的“打印版”。但是，我需要添加一个返回网站的按钮/链接，因为据称，我们的许多客户不会考虑使用后退按钮（事实上，这可能有一些道理——因为他们不停地发电子邮件，索要一个条目的价目表，实际上在描述中用大的下划线字母清楚地链接到该条目）

好的，这一切都很好而且很花哨 - 但是，我可以做任何事情来使该元素不被打印吗？

score 5 · Accepted Answer

为打印输出页面编写一个 css 文件，只需为要隐藏的元素编写 display:none 即可。

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

是的，媒体 = “打印”

score 2 · Accepted Answer

2

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

于 2010-11-11T08:06:17.783 回答

score 1 · Accepted Answer

在 CSS 中：

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

score 0 · Accepted Answer

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

这是一篇关于打印样式表的不错（但很旧）的文章。

4 回答 4