如何打印我的网页的一部分

Question

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

此图显示了我要完成的任务：

Answer 1

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

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

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

Answer 2

您可以使用自定义CSS进行打印，因此您只需在打印时将显示设置为none：

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