當使用@media print {body * {visibility：hidden;}}時消除額外的空間

我有一個打印按鈕的模式。當有人打我使用當使用@media print {body * {visibility：hidden;}}時消除額外的空間

@media print { 
    body * { 
    visibility: hidden; 
    }

隱藏的東西，打印按鈕，我不希望打印，然後使用「可見性：可見」的東西，但我想打印。

它工作的很棒，除非有人在啓動模式前滾動了一些。在這種情況下，它會將向下滾動的數量添加到打印頁面的頂部。有沒有辦法消除額外的空間？

預先感謝您。

來源

2016-08-30 J. Scott Chapman

很難說沒有行動中的例子。胸圍只是扔在那裏，是不是想要'display：none;'而不是？ – musefan

'Display：none;'不爲隱藏物體保留任何空間，visibility：hidden;確實。 – rsn

是的，顯示：不應該用於你不想顯示的元素。但是如果你想要一個頁面佈局來尋找打印的特定方式，你可能必須先佈置頁面先打印，然後測試一下。當我這樣做時，我的元素已經轉移到了我身上。顯示：none將隱藏所有項目。假設您在要打印的頁面頂部有橫幅。使用display：none，否則橫幅間距將顯示在打印頂部。另外，如果您想確定，請將要隱藏的元素的高度和寬度設置爲'0' – ClosDesign

@media print{ 
    body{display:block; height:100%} 
    #banner, .hideForPrint{display:none} 
}

來源

2016-08-30 16:47:43 ClosDesign

當使用@media print {body * {visibility：hidden;}}時消除額外的空間

回答

相關問題