2011-02-17 71 views
5

在詢問這裏之前,我搜索了很多,但沒有找到我的問題的答案。用於在CSS中打印的頁邊距

我想在打印時爲我的網站頁面插入頂部和底部邊距,所以我使用正常的margin-topmargin-bottom作爲打印的div,但它僅影響第一張紙!所以我用這個在W3C CSS2.1 Specifiction作爲解釋:

@page { 
    margin-top: 5cm; 
    margin-bottom: 5cm; 
} 

,但沒有影響在Firefox打印預覽或打印到PDF。所以我怎樣才能通過CSS插入頂部和底部的邊距(對於每張印張)?或者是否有任何技巧在Firefox中做到這一點?

+1

到類似[CSS網頁標題 - 如何使用打印邊距](http://stackoverflow.com /問題/ 4347992/CSS-頁面標題,如何使用的專用打印邊距)。此功能不被很好的支持。 – 2011-02-17 03:13:54

+0

我之前把它弄紅了,所以我說:有沒有什麼竅門在Firefox中做到這一點? – 2011-02-17 09:12:26

回答

7

在Firefox這兩種

@page { 
    margin-top: 5cm; 
    margin-bottom: 5cm; 
} 

@media print { 
    body {margin-top: 50mm; margin-bottom: 50mm; 
      margin-left: 0mm; margin-right: 0mm} 
} 

做工精細35

2

這應該工作,即使在firefox

@media print { 
    #main{margin:100px 0;} 
} 

的「@media打印」將確保打印時的樣式纔會被使用。