javascript - 仅在打印时显示 div

Question

假设我有

<div id="printOnly">
     <b>Title</b>
     <p>
        Printing content 
     </p>
</div>

是否可以在页面渲染时隐藏这个div，只在打印时显示？

Answer 1

你需要一些CSS

#printOnly {
   display : none;
}

@media print {
    #printOnly {
       display : block;
    }
}