2017-06-11 193 views
4

我已经采取a template from w3-schools,做了一些研究,并寻找到this question试过这样:如何打印整个HTML页面A4

@page { 
    size: 7in 9.25in; 
    margin: 27mm 16mm 27mm 16mm; 
} 

我插入这个打码

<script> 
    $(document).ready(function() 
    { 
    window.print(); 
    }); 
</script> 

,并得到这个结果:

current output

而T3他不是我想要的。我不希望div附近有多余的空格。应打印成A4纸,像这样:

enter image description here

我应该怎么做才能实现这一目标?

PS:发动挫折之前,我是一个纯粹的后端开发人员。我的合作伙伴,谁是前端开发者,生病了好几天。对不起和谢谢:)

+0

当你说“我不想周围的div多余的空格”你的意思是你想失去的边框和阴影?你有没有一个你喜欢它的样子的例子? – UntitledGraphic

+0

等待你的伴侣,或张贴最小工作代码片段重现该问题。截至目前,我们只有一个屏幕转储,它是难以调试一个 – LGSon

+0

添加了所需的输出。我不能等他,因为我还有一天要提交我的项目 – Alen

回答

1

尝试调整在CSS中的边距值段,您使用。从开始:

@page { 
    size: 7in 9.25in; 
    margin: 0mm 0mm 0mm 0mm; 
} 

...并提高那些“0毫米”值,直到你感到幸福,即1MM,2毫米等

这4个值(当前所有0mm时在我的例子)表示上边距,打印页面的右边距,底边距和左边距。

所以,如果你只是想增加从页面的底部边缘,你会改变该行的第三个0毫米。

+1

似乎很有说服力。但它确实有效。谢谢:) – Alen