打印页面时如何使用CSS隐藏文本[重复]

Posted 2023-03-15

【中文标题】打印页面时如何使用CSS隐藏文本[重复]

【英文标题】：How to hide text with CSS when printing a page [duplicate]

【发布时间】：2011-09-14 06:34:27

【问题描述】：

可能重复：How do I hide an element when printing a web page?

当访问者打印时，我希望隐藏页面上的文本。

文本位于一个

<tr><td>Don't show me</td></tr>

它没有包含在 DIV ID 或类中...所以我想知道 CSS 可以隐藏这部分文本...？？你会使用 CSS 选择器吗？

【问题讨论】：

不是同一个问题***.com/questions/355313/…

【参考方案1】：

在您的 css 中使用 @print 媒体类型将特定样式（如 display: none）分配给仅打印。

【讨论】：

或者，您可以将媒体类型指定为链接或样式元素的一部分。因此：<link rel="stylesheet" href="print.css" media="print" /> 或 <style type="text/css" media="print"> .no-print display: none; </style>

类似webdesign.about.com/cs/css/a/aa042103a.htm

【参考方案2】：

如果你可以选择它，你可以隐藏它，但仅基于一行 html 就不可能说你是否可以只选择那个表格单元格。

我认为添加类似no_print 类的内容是您最安全的选择。

显然与特定于打印的样式表结合使用。

【参考方案3】：

为此，只需添加

    @media print 

   .dontPrint 
       display:none;
    

    

然后在不想打印的部分添加class="dontPrint"

所以对你来说，你可以做以下事情

<tr><td class="dontPrint">Don't show me</td></tr>

现在该部分不会打印