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

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

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

最佳答案

您可以为打印介质添加特定样式。

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

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

关于css - 如何让我的网页的一部分不打印，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16739972/