2017-06-11 230 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