How to insert a page break in html/css for printing

Add this page-break css rule for the element you don’t want to break or split between pages at print:

[CSS]
p.print, blockquote.print, tr.print {
page-break-inside: avoid;
}

Browser compatibility for page-break on caniuse.com

Page-break on css-tricks.com

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s