打印时隐藏部分页面？ [复制]答案

【问题标题】：Hide Parts of page when printing? [duplicate]打印时隐藏部分页面？ [复制]
【发布时间】：2017-02-01 10:46:38
【问题描述】：

我创建了一个基本的 HTML 页面，并在底部放置了一个打印按钮，用于打印页面上显示的候选人的个人资料。问题是它打印按钮以及侧面和页脚的所有菜单。我应该怎么做才能只打印候选人资料。这是我点击打印按钮时调用的函数。

<script>
    function printbill() {
        window.print();
    }
</script>

【问题讨论】：

【解决方案1】：

尝试仅使用 css：

@media print { 
  #header, #footer, #nav { display: none !important; } 
  .CandidateProfile: { display: block!important }
}

【讨论】：

【解决方案2】：

您可以使用打印样式。

将以下内容添加到您的页面 css：

@media print {
   #header { /* Add the elements you want to hide */
      display: none; 
   }
}

【讨论】：