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

Есть ли какой-нибудь синтаксис, который я могу использовать в моем CSS media="print", который сделает один элемент 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;
}

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

Любые идеи?

Ответы

Ответ 1

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

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

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

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