隐藏打印文本

时间:2009-11-24 13:25:45

标签: html printing

我在这里有一个打印页面:

http://www.souq4cars.com/ppreview.php?id=611111161&u=10064&t=users_cars

如何隐藏底部的链接,在打印页面上打印“关闭窗口”和“打印页面”?

4 个答案:

答案 0 :(得分:10)

您可以使用CSS @media rule。首先,在两个元素中添加一个类noprint

<a class="noprint">foo</a>

然后在CSS中添加@media print规则,在打印期间隐藏元素:

@media print {
    .noprint {
        display: none;
    }
}

答案 1 :(得分:2)

@media print
{
  div.for_hide {
    display: none;
  }
}

或者您可以通过包含

来包含一些css
<link rel="stylesheet" type="text/css" media="print" href="/css/print_version.css">

在您的HTML代码中。

答案 2 :(得分:1)

你必须制作一个使用不同css的新样式表。

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

您有文字的名称div,您不想打印:

<div style="float: right;" id="print">
                <a href="#" onclick="javascript:window.print(); return false;" class="orange_text"><strong>Print Page</strong></a>

            </div>

在style-print.css中设置此div为隐藏。

#print {
    display: none; 
}

答案 3 :(得分:0)

您应该使用打印样式表并通过设置display: none隐藏相关元素。

您可以在头标记之间添加以下内容来包含打印页: <link rel="stylesheet" href="print.css" type="text/css" media="print" /> 通常,您可以将media属性设置为screen或类似的内容。