如何在打印页面时使用CSS隐藏文本

Question

  

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

当访客打印时，我会隐藏在页面上隐藏文字。

文字存在于

中

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

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

Answer 1

使用css中的@print媒体类型指定特定样式（如display: none）仅打印。

Answer 2

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

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

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

Answer 3

为此，只需添加

即可

    @media print {

   .dontPrint {
       display:none;
    }

    }

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

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

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

现在该部分不会打印