Chrome打印預覽：每頁底部的任何文字

我正在設計一個報告頁面，並且我在這個問題上已經失去了意義。有誰知道如何在的頁腳上打印每頁頁面的任何文字？Chrome打印預覽：每頁底部的任何文字

我已經管理如何在最後一個或第一個上做到這一點。但不是每。

。

Full-page preview（按Ctrl + P或Command + P）。

謝謝你的一切建議！

來源

2016-01-19 Serhii Matrunchyk

你能提供您選擇一起工作的HTML片段？ – cgatian

[有沒有辦法讓網頁頁眉/頁腳印在每一頁？]（http://stackoverflow.com/questions/1722437/is-there-a-way-to-get-a-網頁頁眉頁腳打印在每頁） –

你試圖做什麼excactly？ Kepp頁面底部的特定頁腳？請在它正在工作的地方添加一個示例（html + css），並在其中一個地方不起作用 –

這可能不會幫助，但如果你知道你的報告的大小（他們沒有改變身高），你可以嘗試做下面的事情。使用@media查詢僅在打印時顯示:: after內容。

http://jsbin.com/dabusal/1/edit?html,css,output

.report-page 
 
{ 
 
    page-break-inside: avoid; 
 
    page-break-after:always; 
 
    height:880px; 
 
    position:relative; 
 
    border:1px dashed; 
 
} 
 

 
.report-page.report-page--last 
 
{ 
 
    page-break-after: avoid; 
 
} 
 

 
.report-page::after 
 
{ 
 
    content:'Footer Content ©2016'; 
 
    position:absolute; 
 
    bottom:0; 
 
    left:0; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
    
 
    <div class='report-page'>PAGE1</div> 
 
    <div class='report-page report-page--last'>PAGE2</div> 
 
</body> 
 
</html>

來源

2016-01-20 00:20:04 cgatian

我已更新我的問題 –

Chrome打印預覽：每頁底部的任何文字

回答

相關問題