CSS：從打印預覽中禁用頁眉和頁腳Chrome

我的應用程序之一是基於Web的POS（銷售點）。所以在打印發票時使用chrome。頁的頭部，由我想通過頁面，無需用戶干預，以剿瀏覽器自動插入頁腳..CSS：從打印預覽中禁用頁眉和頁腳Chrome

我在印刷媒體，進行一些CSS過這裏，

@media print { 
#header, #footer { 
    visibility: hidden !important; 
    display: none !important; 
} 
}

但它不適用，也許選擇不正確？

而且我也嘗試通過減少邊距以及它的切割/覆蓋頁面內容，如果打印有多個頁面。還有一件事，我不想禁用打印預覽選項鉻..

任何人有這個好的解決方案？

問候..

來源

2012-07-16 Niks Jain

你的代碼看起來很好，但'能見度'是多餘的。檢查您的頁腳和標題是否有與您在CSS選擇器中使用的相匹配的標識。 – c69 2012-07-16 12:20:07

實際上，我無法在打印預覽中檢查頁眉和頁腳的標識或類...你可以試試你身邊..？ – 2012-07-16 12:27:18

大聲笑，所以你的意思不是頁眉和頁腳，但[頁眉/頁腳]（http://en.wikipedia.org/wiki/Page_header）？抱歉，您無法通過css隱藏它們，但是您可以將頁面轉換爲pdf或doc，這樣可以更好地控制打印，並將此文檔發送給打印機。 – c69 2012-07-16 12:36:11

使用

@page{margin:0px auto;}

在你的CSS腳本。這很可能會在打印時甩掉頁面佈局，因此您可能需要添加帶正確填充的#container div，以使頁面再次顯得更加美觀。只在Google Chrome上進行測試。

來源

2012-10-12 08:22:13 Michael

如果我可以多次提出這個答案，我會。你是**救生員**。謝謝！！ – 2013-07-18 17:00:58

-1

。。我不確定你在開發中的知識多麼豐富，但CSS選擇必須匹配一些元素。 [page]「header」和[page]「footer」，如「[printed]頁面中」，而不是「[web]頁面中」，不能以CSS爲目標 - 特別是不能任意選擇ID以及可能與您自己的頁面ID發生衝突並且瀏覽器供應商絕不會接受實施的內容。

。。使用「margin：0 auto」的建議在「@page」指令上實際上是正確的（因爲瀏覽器沒有足夠的餘量來顯示，它只會隱藏它們）。問題是，目前只有Chrome支持它正確。使用其他瀏覽器，除了創建PDF並打印它外，沒有其他選擇。儘管如此，您可以創建一個可自行打印的PDF，只要使用內嵌的JavaScript加載它就會顯示打印對話框，但我認爲它是最遠的。

。。祝你好運。

來源

2013-03-01 03:36:16

CSS：從打印預覽中禁用頁眉和頁腳Chrome

回答

相關問題