HTML Printing: Use a Style Sheet to Force a Page Break
Posted by MickeyMouse in HTTP
Designing web pages for printing can be difficult. This tutorial explains how to force a printer to insert a page break.
Designing web pages that can be easily printed can be very, very difficult. PDFs are perfect, but they are expensive to do dynamically. Here is a cheap way to insert a page break into a page.
Place the following code in the HEAD of the html:
<STYLE TYPE='text/css'>
P.pagebreakhere {page-break-before: always}
</STYLE>
Then place the following code in the BODY of the html where you want the pagebreak:
<P CLASS="pagebreakhere">
The Conversation
Follow the reactions below and share your own thoughts.
February 24, 2009 at 3:26 pm, JO'C said:
this does not work.
January 30, 2010 at 7:11 pm, Anonymous said:
Even simpler:< style=”page-break-before: always” />
January 30, 2010 at 7:16 pm, Anonymous said:
Even simpler:
<br style=”page-break-before: always” />
December 31, 2010 at 4:22 am, Bruce said:
Thanks to the author as well as dkgibson for this useful tip.
March 28, 2011 at 10:12 pm, banners printing said:
Its not working. generate unexceptional error handling.