2013-09-23 57 views
1

我需要在A4紙上打印並在每個頁面上增加頁邊距和頁邊距。
例如enter image description here 如何在css中執行此操作?在自定義區域打印來自於瀏覽器

+0

您需要裁剪您的內容或更改內容高度? – 2013-09-23 12:50:57

+0

不,只減少打印面積... –

回答

2

您可以使用<link>標籤像往常一樣,並設置media="print"將應用樣式打印,你也可以去@print媒體查詢和定製最適合的打印佈局。

@media print { 
    div { 
     color: #f00; 
    } 

    /* Write custom styles here */ 
} 

Demo(結帳打印預覽,文字會變成紅色)

+0

但是如何減少打印面積?或者增加頁邊和底部的邊距... –

+0

@LuizCarvalho您可以爲該塊內的元素重寫樣式,這些樣式將在打印時應用 –

+0

@ mr-alien任何示例? –

0

這解決了我的問題。

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