2017-10-28 193 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