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

时间:2011-06-13 21:48:49

标签: html css

  

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

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

文字存在于

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

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

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

为此,只需添加

即可
    @media print {

   .dontPrint {
       display:none;
    }

    }

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

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

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

现在该部分不会打印