Печать CSS - полная страница для элемента

Question

Есть ли какой-нибудь синтаксис, который я могу использовать в моем media="print" CSS, который позволит одному элементу div покрыть всю напечатанную страницу?

<div id="important_thing">Important!</div>
<ol id="other_stuff">
  <li>Thing</li>
  <li>blah</li>
</ol>

print.css

#important_thing {
  width:100%;
  height:100%;
}

#other_stuff li {
  float:left;
  width:20pt;
  height:8pt;
}

Это не дает желаемого эффекта. Я хотел бы иметь целую страницу для «важных вещей» и столько других страниц, сколько требуется для всех элементов списка.

Есть идеи?

Answer 1

Использовать разрыв страницы после

http://www.w3schools.com/cssref/pr_print_pageba.asp

#important_thing { 
  width:100%; 
  height:100%;
  page-break-after:always 
}

Возможно, вам придется объединить его с разрывом страницы перед: всегда