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

时间:2010-11-11 08:04:44

标签: html css printing-web-page

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

好的,这一切都很好,但是,我可以做任何事情来让这个元素不被打印出来吗?

4 个答案:

答案 0 :(得分:5)

为打印输出页面编写一个css文件,并为要隐藏的元素写下display:none。

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

是,media =“print”

答案 1 :(得分:2)

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

答案 2 :(得分:1)

在CSS中:

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

答案 3 :(得分:0)

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

请参阅list of media types

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