CSS - установить конец текущей страницы при печати

Вопросы, связанные с подобным образом Follwing, такие как How to deal with page breaks when printing a large HTML table, я хочу сделать 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 и перевесом в пикс.

источник

2016-11-13 16:54:33 Zer0

https://jsfiddle.net/vfocw4Lv/ - можете ли вы отредактировать эту скрипту, чтобы объяснить свой ответ? –

CSS - установить конец текущей страницы при печати

ответ

Смежные вопросы