Frage Print CSS - eine ganze Seite für ein Element


Gibt es eine Syntax, die ich in meinem verwenden kann? media="print" CSS, wodurch ein div-Element eine ganze gedruckte Seite bedeckt?

<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;
}

Dies hat nicht den gewünschten Effekt. Ich hätte gerne eine ganze Seite für 'wichtige Sachen' und so viele andere Seiten, wie für alle Listenelemente benötigt werden.

Irgendwelche Ideen?


15
2017-09-30 15:33


Ursprung


Antworten:


Benutze einen Seitenumbruch nach

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

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

Möglicherweise müssen Sie es mit einem kombinieren page-break-before: immer


18
2017-09-30 19:10