css - 如何让我的网页的一部分不打印

Question

我正在制作大约 20 页的网站，中间有一个 PDF，侧面有一些广告。当有人打印页面时，我希望打印 PDF，而不是侧面的广告。有没有办法做到这一点？

这张图片显示了我想要完成的事情：

Answer 1

您可以为打印媒体添加特定样式。

@media print {
  .my-advertisments {
      display:none !important;
  }
}

@media每当您尝试打印页面时，都会使用块内的规则。

Answer 2

您可以使用自定义 CSS 进行打印，因此您可以简单地将显示设置为none打印：

@media print {
  #something {
       display:none;
     }
}