將打印按鈕添加到網站（它將自動設置縮放，頁邊距並隱藏頁眉/頁腳以進行打印）

我知道使用JavaScript和window.print（）在設置某些打印選項方面存在限制（由於安全性問題）。我也明白，CSS可以設置某些元素（如@page）來將文檔設置爲橫向。將打印按鈕添加到網站（它將自動設置縮放，頁邊距並隱藏頁眉/頁腳以進行打印）

有沒有辦法使用CSS設置打印選項，如縮放，頁邊距和隱藏頁眉/頁腳？如果是這樣，有沒有人有這樣做的代碼示例？如果這不可能使用JS或CSS，那麼是否有任何其他工具可用來在自動設置某些打印選項的頁面上放置打印按鈕？

更新：好的，我感謝大家的迴應，現在我已經挖了一下，我有更多的說明我需要什麼......我不需要修改頁面上的CSS。當用戶點擊按鈕時，我需要自動設置本地打印選項。我在.Net應用程序中。任何ASP.NET控件？謝謝。

2011-02-07 Josh

您可以簡單地添加另一個樣式表是具體的印刷：

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

而在樣式表中你只要把這樣的東西：

#header { 
    display: none; 
} 
/* etc */

2011-02-07 23:12:41 jeroen

我甚至不認爲JS是必需的。鏈接樣式表時，你可以使用media屬性：

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

這是瀏覽器它打印時使用的樣式表，它覆蓋您看到在瀏覽網站的人。現在，在print.css裏面，你可以改變你想要的任何東西，它只會影響打印文檔。

至於打印，你可以只讓一個快捷按鈕或觸發window.print()元素：

<input type="button" value="Print" onclick="window.print()" />

祝你好運！

2011-02-07 23:12:15 Blender

您可以添加引用一個CSS該文件僅用於使用介質屬性進行打印：

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

或者對於內聯style block：

<style type="text/css"> 
@media print{ 
    #heading{ display:none; } 
} 
</style>

2011-02-07 23:14:09 Variant

回答