CSS - 設置當前頁面打印結束

Follwing類似How to deal with page breaks when printing a large HTML table的similer問題，我想做oppsite的事情，有沒有辦法使用CSS來設置頁面的結束點。例如：CSS - 設置當前頁面打印結束

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Test</title> 
<style type="text/css"> 
    .endOfThePage { } //some css to mark as the end of current page in print mode 
    </style> 
</head> 
<body> 
    <table> 
     <thead> 
      <tr><th>heading</th></tr> 
     </thead> 
     <tfoot> 
      <tr><td>notes</td></tr> 
     </tfoot> 
     <tbody> 
     <tr> 
      <td>x</td> 
     </tr> 
     <tr> 
      <td>x</td> 
     </tr> 
     <!-- 500 more rows --> 

<tr> 
      <td>x</td> 
     </tr> 
<div class = "endOfThePage"></div> 
<!--some other stuff that will be printed on the next page --> 

    </tbody> 
    </table> 
</body> 
</html>

所以在最後，當用戶點擊打印上（window.print）會有第2頁，一個endOfThePagediv和一個與所述頁面的其餘部分之前的部分。

我希望它很清楚。

來源

2016-11-13 Itsik Mauyhas

對此有幫助嗎？ http://www.w3schools.com/cssref/pr_print_pageba.asp – itdoesntwork

https://jsfiddle.net/vfocw4Lv/ –

我錯過了什麼？ –

所以我用

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

Working fiddle。

來源

2016-11-14 07:44:14

創建一個額外的樣式表print.css，包括像這樣：

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

在這種樣式與posititon:absolute和PX保證金定義它。

來源

2016-11-13 16:54:33 Zer0

https://jsfiddle.net/vfocw4Lv/ - 你可以編輯這個小提琴來解釋你的答案嗎？ –

CSS - 設置當前頁面打印結束

回答

相關問題