隱藏文本從印刷

Question

我這裏有一個打印頁：

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

如何隱藏在底部說法被打印在打印頁面上的「關閉窗口」和「打印此頁」的鏈接？

Answer 1

您可以使用CSS @media rule這個。首先，添加類noprint的兩個元素：

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

，然後添加一個@media print規則，你的CSS其打印過程中隱藏的元素：

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

Answer 2

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

，或者您可以通過包括

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

在HTML代碼中

包括一些CSS與此有關。

Answer 3

您必須製作一個使用不同css的新樣式表。

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

名稱申報單，在這裏你有文字，你不希望打印：

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

      </div> 

在樣式print.css設置該div的隱藏。

#print { 
    display: none; 
} 

Answer 4

您應該使用的打印樣式表和隱藏那裏通過設置display: none的相關元素。

您可以通過添加head標籤之間的下列包括打印紙： <link rel="stylesheet" href="print.css" type="text/css" media="print" /> 通常你會在media屬性設置爲screen或類似的東西。