打印：如何隐藏元素并包含要打印的元素答案

【问题标题】：PRINT: How to hide element and include element to print打印：如何隐藏元素并包含要打印的元素
【发布时间】：2016-04-26 03:08:53
【问题描述】：

元素应该隐藏在媒体屏幕中，当用户想要打印页面时包含它。

我使用此 CSS 代码但无法正常工作。

@media screen {
    th .hide {
      display: none;
    }
}

@media print {
    th .hide {
        border: 1px solid #000; 
        padding: 0.5em;
    }
}

html是这样的：

<table>   
    <tr>
        <th class="hide" > Office:    
    </tr>
</table>

【问题讨论】：

你能提供一些 HTML 吗？否则你写“;”填充后。应该是@media print { th .hide { border:1px solid #000; padding:0.5em; } }
@Nimesh 我相信你理解错误的方式：OP 想要从屏幕上隐藏元素但打印它们。
这是一个错字。好贴html可以
@pistou 你说得对，把没用的评论删了

标签： html css printing html-table

【解决方案1】：

Here 类似帖子

最佳实践是使用专门用于打印的样式表，并将其媒体属性设置为打印。

在其中，显示/隐藏要打印在纸上的元素。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

【讨论】：

我认为您误解了这个问题。我希望将一个元素隐藏在屏幕中，但无论如何都要打印它。否则你的答案不是重点。