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 回答