打印时隐藏页面部分？

Question

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

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

Answer 1

您可以使用打印样式。

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

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

Answer 2

尝试仅使用css：

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