2017-10-28 122 views
0

我試圖產生以下操作的CSS/HTML模板:如何打印HTML打印頁面邊框

  • 當它打印它打印在A4
  • 每一頁都有一個完整的頁面邊框(只是一條細線)。
  • 頁面底部的文檔標題。

這些頁面的內容可能是一個段落或100個,它完全依賴於用戶,但是如果頁面上只有少量數據,我仍然需要邊框整頁。

我一直在玩將下面的頭部部分

@page { 
    size: A4; /* auto is the initial value */ 
    margin: 1.54cm 1cm 1.54cm 1cm; 
    marks: crop cross; 
} 
body { 
    margin:0; 
    padding:0; 
    height:100%; 
    min-height: 100%; 
    border: 2px solid black; 
} 

它打印周圍的內容,而不是頁面邊框。

我試過邊界移動到

body { 

} 

@media print { 
    margin:0; 
    padding:0; 
    height:100%; 
    min-height: 100%; 
    border: 2px solid black; 
} 

然而,隨着其他一些網站建議這dosnt打印邊界可言。

是我想要的嗎?

感謝

+0

我曾嘗試將html文檔轉換爲pdf文件,並且在那裏我也遇到了邊框問題。不知道是否因爲HTML或什麼 – Ellisan

回答

-1

我不知道究竟該怎麼做,但我會考慮用「@media打印{}」

@media print { 
    /* Your CSS-Code */ 
} 

而且造型在頁面上的元素,則一種用英寸/毫米定義元素大小的方法:https://www.w3schools.com/CSSref/css_units.asp

+0

什麼是-1? 您能否添加評論並告訴我您嘗試了什麼,出了什麼問題? 我可能會提供幫助 – Adriano