谷歌鉻打印額外頁

我目前正在製作一個網站（WordPress的）使用CSS打印友好的過程中，並在A4上打印時，在某些頁面上留下一個完全空白的最後一頁（見這裏爲一個例子：http://takana.co.nz/?page_id=25 ）。谷歌鉻打印額外頁

使用Google Chrome的開發人員工具和選項「模擬CSS媒體」模擬打印時，我無法找到任何會在內容末尾添加更多空白的內容。

直接的結論是有些東西在頁腳文本之外添加空格，但是我無法檢查打印頁上的元素以找到它。

在chrome上使用打印預覽時，導致多餘頁面的原因是什麼？

2016-12-14 HexaCubist

似乎問題出在padding。嘗試調整padding的.entry-wrap以進行媒體打印。

可能類似於下面

@media print { 
.entry-wrap { 
    padding: 25px; /* adjust it accordingly */ 
} 
}

希望這將幫助你好歹（Y）。

來源

2016-12-14 08:26:02 pradeep1991singh

我嘗試打印，這是一個頁面，你可以嘗試添加打印離職後休息之前避免即頁腳

@media print { 
    footer {page-break-after: avoid;} 
}

來源

2016-12-14 04:57:19

頁腳設置爲根本不打印，但我會嘗試將其放置在幾個位置：'@media print footer {display：none;}' – HexaCubist

實際上，這是一些解決方案去除所有額外的花哨元素，所以人們節省墨水。當我這樣做，我只是離開H1，然後內容，因爲人們需要。 – 2016-12-14 05:02:40

使用CSS中下面的代碼

@media print { 
    html, body { 
     border: 1px solid white; 
     height: 99%; 
     page-break-after: avoid; 
     page-break-before: avoid; 
    } 
}

查看預覽之後添加Css;

來源

2016-12-14 05:27:26

谷歌鉻打印額外頁

回答

相關問題