仅在打印时显示div

Question

让我们说我有

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

是否可以在页面渲染时隐藏此div并仅在打印此div时显示？

Answer 1

你需要一些css

#printOnly {
   display : none;
}

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

Answer 2

@media screen
{
    #printOnly{display:none;}
}

@media print
{
    #printOnly{}
}

Answer 3

您应该使用媒体查询。

在你的情况下：

#printOnly {
    display: none;
}

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