3

我目前使用以下作为我的外部 print.css 文件:

/* 删除不需要的元素 */

hiddenedit,#hiddenbuttons,#header,#nav,.propertyselector,li.hiddentab,ul.hiddentab {显示:无;}

/* 确保内容跨越整个宽度 */

容器,#container2,#content {宽度:100%;边距:0;浮动:无;}

/* 将文本颜色更改为黑色(适用于深色背景上的浅色文本)*/ .lighttext { color: #000 }

/* 提高链接的颜色对比度 #781351 */ a:link, a:visited { color: #000 }

我了解这是如何进行显示的:对于我不想在页面上打印的项目没有。我的问题是:我该如何做相反的事情?如果页面上有一些元素我只想在页面打印时可见,而在查看页面时不可见,我该怎么办?

有任何想法吗?谢谢你。

4

4 回答 4

7

简单的说

.onlyprint {display: none;}
@media print {
  .onlyprint {display: block;}
}

进入您的 CSS 规则。

于 2011-10-29T14:35:22.623 回答
0

当然完全相反......在你的屏幕css文件中设置你想要隐藏的那些项目display: none,然后让print.css显示它们。

于 2011-10-29T14:35:39.133 回答
0

你会让在线样式表说隐藏,而打印 css 表说显示。你是这个意思吗?你必须为它分配div。

于 2011-10-29T14:35:46.350 回答
0

我更喜欢以下 phihag 的代码,因为您也可以将其应用于其他块元素

@media not print {
  .only-print {display: none!important;}
}
@media print {
  .only-not-print {display: none!important;}
}
于 2019-01-24T16:26:12.740 回答