CSS and page breaks

It seems the key to page breaks (causing them or avoiding them) is to style your element with “display:block;”.

For example,

.listItem {
height:11em;
page-break-inside: avoid;
display:block;
}

Adding display:block fixed my page break issue and now the printer no longer cuts the list item.

Advertisements

0 Responses to “CSS and page breaks”



  1. Leave a Comment

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




My Photos

Twitter Updates


%d bloggers like this: