「@media打印」樣式表

Question

現在，我有我的@media打印樣式表來隱藏ID /類的各種物體，如

@media print { 
      #header, #navbar, #navbar, #toolbar, #footer, .title { 
     visibility:hidden; 
     display:none; 
      } 
} 

在打印預覽，中刪除項目（或網頁），它確實隱藏了這些對象，但它們所佔用的空間仍然存在，強制我想要打印的內容位於第2頁上，空白頁1和空白頁3中。如果有方法讓唯一的頁2顯示在打印屏幕，或截斷我不想反對只隱藏它們的東西的方法，請讓我知道。

謝謝。

Answer 1

使用visibility:hidden會留下元素佔據的空間，而display:none不會顯示該空間。

你想使用：

@media print { 
#header, #navbar, #navbar, #toolbar, #footer, .title { 
    display:none !important; 
} 
} 

當然，這之前已經解決： What is the difference between visibility:hidden and display:none?